“Style en ligne JS” Réponses codées

Ajouter un style javascript

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

Style en ligne JS

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

Convertir tous les styles en javascript de style en ligne

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

Réponses similaires à “Style en ligne JS”

Questions similaires à “Style en ligne JS”

Plus de réponses similaires à “Style en ligne JS” dans JavaScript

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code