Maison > interface Web > js tutoriel > Introduction détaillée aux détails de l'utilisation de JavaScript pour générer dynamiquement du code CSS de deux manières

Introduction détaillée aux détails de l'utilisation de JavaScript pour générer dynamiquement du code CSS de deux manières

黄舟
Libérer: 2017-03-17 14:50:03
original
1008 Les gens l'ont consulté

Cet article présente principalement deux méthodes de génération dynamique de code CSS à l'aide de javascript Parfois, nous devons utiliser js pour générer dynamiquement du code CSS dans la balise de style de la page. .Méthodes, les amis dans le besoin peuvent se référer à

Deux méthodes pour générer dynamiquement du code CSS en javascript

Parfois, nous devons utiliser js pour générer dynamiquement la balise de style dans le. page code css, la méthode est très simple, c'est-à-dire créer directement un élément de style, puis définir le code css dans l'élément de style, et enfin l'insérer dans l'élément head. Mais nous devons résoudre certains problèmes de compatibilité. Tout d'abord, dans les navigateurs conformes à la norme w3c, il suffit d'insérer le code CSS à insérer dans l'élément de style en tant que nœud de texte. Dans IE, nous devons utiliser le styleSheet.cssText. de l’élément de style résoudre. Il convient également de noter que dans certaines versions d'IE, il existe une limite au nombre de balises de style sur une page. Si elle est dépassée, une erreur sera signalée.

Méthode 1 :

Ajoutez un nom d'identifiant à la balise