1. Comment écrire les attributs CSS à l'aide de JS
1. Pour les attributs CSS sans marque, vous pouvez généralement utiliser le style. nom d'attribut directement.
Comme: obj.style.margin, obj.style.width, obj.style.left, obj.style.position
2. Pour l'attribut CSS contenant la marque intermédiaire, retirez chaque marque intermédiaire et modifiez le premier caractère après chaque marque intermédiaire pour capitaliser.
Comme: obj.style.margintop, obj.style.borderleftwidth, obj.style.zindex, obj.style.fontfamily, etc.
3. Méthode d'écriture spéciale pour JS Operation CSS Float Attribut
Parce que Float est un mot réservé pour JavaScript, nous ne pouvons pas utiliser OBJ.Style.float directement, donc l'opération n'est pas valide. La bonne façon de l'utiliser est: c'est-à-dire: obj.style.stylefloat, autres navigateurs mozilla (gecko), ff, etc. Utilisez StyleFloat: obj.style.cssfloat.
2. Utilisez JS pour obtenir la valeur d'attribut CSS
1. Obtenez le style de ligne: obj.style. nom d'attribut. <div id = "css88"> js obtient la classe d'attribut CSS </div> ne peut pas être accessible.
2. Obtenez les attributs CSS à l'intérieur et à l'extérieur du lien: IE utilise la méthode obj.currentStyle ["Nom d'attribut"], et FF utilise la méthode GetCompuledStyle
3. Utilisez JS pour attribuer des valeurs aux attributs CSS
1. Attribuez des attributs de classe
Affectation: document.getElementById ('ceil'). ClassName = "class1";
S'il a plusieurs valeurs: document.getElementById ('ceil'). Classname = "class1 class2 class3";
2. Obj.style.cssText définit le style CSS d'un objet
document.getElementById ('Navition'). Style.csstext = "Votre code CSS ';
Résumer
Savoir modifier dynamiquement les styles appliqués sur une page est extrêmement utile pour créer des pages Web élégantes et interactives - les connaissances décrites dans cet article constituent la base de technologies plus avancées telles que l'animation JavaScript. Il convient de noter que vous devez utiliser la modification du style dynamique de manière responsable et ne pas la surutiliser. Comme mentionné précédemment, la modification du style peut également améliorer l'efficacité du Web - l'affichage et la cachette du contenu peuvent aider à éviter les interactions de données inutiles entre les clients et les serveurs.