Convert CSS styles to inline styles via JavaScript

You can do the following:

function applyStyle(el) {
    s = getComputedStyle(el);

    for (let key in s) {
        let prop = key.replace(/\-([a-z])/g, v => v[1].toUpperCase());
        el.style[prop] = s[key];
    }
}

let x = document.getElementById('my-id');
applyStyle(x);

xWhere is the element you want to apply the style to .

Basically, this function gets the element's computed style, then copies each property (like padding, background, color, etc.) to the element's inline style.

I don't know why you need to do this, but I think it's a very dirty method and I personally don't recommend it.