“Estilo em linha JS” Respostas de código

Adicione JavaScript de estilo

// Bad:
element.setAttribute("style", "background-color: red;");
// Good:
element.style.backgroundColor = "red";
Dizzy Dog

Estilo em linha JS

// Change the background color to red
document.body.style.backgroundColor = "red"; 
Inquisitive Iguana

Converta todos os estilos em javascript em estilo embutido

var el = document.querySelector("#answer-25097808 > div > div.answercell.post-layout--right > div.s-prose.js-post-body > pre"); // change yourId to id of your element, or you can write “body” and it will convert all document
var els = el.getElementsByTagName("*");

for(var i = -1, l = els.length; ++i < l;){
    el = els[i]
    s = getComputedStyle(el)
    for (let styleKey in el.style) {
        for (let computedStyleKey in s) {
            let computedStyleKeyCamelCase = computedStyleKey.replace(/\-([a-z])/g, v => v[1].toUpperCase());
            if ((typeof el.style[styleKey] != "function") && (styleKey != 'cssText')){
                if(styleKey == computedStyleKeyCamelCase) {
                    el.style[styleKey] = s[computedStyleKey];
                }
            }
        }
    }
}
Crazy Capybara

Respostas semelhantes a “Estilo em linha JS”

Perguntas semelhantes a “Estilo em linha JS”

Mais respostas relacionadas para “Estilo em linha JS” em JavaScript

Procure respostas de código populares por idioma

Procurar outros idiomas de código