Comment obtenir le style dans la feuille de style en js (code)

Le contenu de cet article explique comment obtenir le style (code) dans la feuille de style en js. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Nous savons tous que js ne peut pas obtenir directement les styles dans la feuille de style, tels que width et left. Il ne peut obtenir directement que les styles en ligne. Cependant, il n'est pas recommandé d'écrire des styles en ligne dans le courant dominant maintenant. , nous encapsulons donc une méthode qui peut obtenir directement les styles non-inline. La fonction style

<span style="font-size:18px;"> 
function getStyle(obj,name){     
if(obj.currentStyle){          
return obj.currentStyle[name];
     }     
     else{        
      return getComputedStyle(obj,false)[name];  //false是一个无用的参数
     }
 }
 </span>

getStyle a 2 paramètres, le premier paramètre obj est l'objet à obtenir, le deuxième nom du paramètre est. l'attribut à obtenir et a été traité pour des raisons de compatibilité, currentStyle est pour le navigateur IE, getComputedStyle est pour Firefox.

Recommandations associées :

Quels sont les types de données de retour de typeof en js ? Résumé du type de retour js et de la conversion de type

Comparaison des différences entre json et XML

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!