Je viens de voir un bon article sur l'utilisation de js pour appeler des propriétés CSS (^_^) C'est pas mal ! Pour ne pas oublier, résumez-le
1. Pour les attributs CSS sans tiret, utilisez généralement directement le nom de l'attribut de style.
Tels que : obj.style.margin, obj.style.width, obj.style.left, obj.style.position, etc.
2. Pour les attributs CSS contenant des traits de soulignement, supprimez chaque trait de soulignement et remplacez le premier caractère après chaque trait de soulignement en majuscule.
Tels que : obj.style.marginTop, obj.style.borderLeftWidth, obj.style.zIndex, obj.style.fontFamily, etc.
Parce que float est un mot réservé de Javascript, comment écrire float dans la feuille de style en js ?
Nous ne pouvons pas utiliser obj.style.float directement, car cette opération n'est pas valide.
La bonne façon de l'utiliser est : IE : obj.style.styleFloat, d'autres navigateurs tels que Mozilla (gecko), ff, etc. utilisent styleFloat : obj.style.cssFloat.
Laissez-moi vous donner un exemple pour que tout le monde comprenne plus facilement :
Copiez le code comme suit :
<divonclick="alerte(this.style.float);
this.style.float='gauche';
alert(this.style.float);">Test 1</div>
<divonclick="alerte(this.style.float);
if(this.style.cssFloat){this.style.cssFloat='left';
}else{this.style.styleFloat='gauche';
}alert(this.style.float);">Test 2</div>