Exemples d'utilisation de cssText dans js (exemple de code)

Ce que cet article vous apporte concerne des exemples d'utilisation (exemples de code) de cssText en js. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

L'essence de cssText est de définir la valeur de l'attribut de style des éléments HTML.

1. Utilisation

Dans le navigateur, quelle que soit la valeur attribuée, elle sera renvoyée. Mais dans IE, il formatera la sortie, mettra les attributs en majuscule, modifiera l'ordre des attributs et supprimera le dernier point-virgule

document.getElementById("id").style.cssText = "color:red; font-size:13px;";

Le résultat dans IE : FONT-SIZE : 13px COULEUR : rouge;

Mais écrire de cette façon effacera le texte css d'origine. Par exemple, s'il y a 'display:none;' dans le style d'origine, alors après avoir exécuté le JS ci-dessus, l'affichage sera. Supprimé. Vous pouvez utiliser la méthode d'accumulation cssText :

document.getElementById("id").style.cssText += "color:red; font-size:13px;";

2. La méthode générale de définition des styles

var element= document.getElementById(“id”);
element.style.color=”red”;
element.style.font-size=”13px”;

Recommandations associées :

Comment utiliser l'attribut cssText pour exploiter par lots des styles dans les conseils js_javascript

Quelles sont les façons d'utiliser la méthode cssText de l'objet style

Le problème de la haute performance de cssText dans les compétences js_javascript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!