méthode js pour obtenir les compétences style_javascript du lien externe de l'élément

L'exemple de cet article décrit la méthode js pour obtenir le style de lien externe d'un élément. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Définissez généralement des styles en ligne pour les éléments, tels que

. Si vous souhaitez obtenir son style, vous pouvez obtenir ou définir document.getElementById("div1").style.width. Cependant, si le style se trouve dans un lien externe ou dans un style non-inline de la page, il ne peut pas être obtenu.

Dans les navigateurs standards, vous pouvez obtenir le style de lien externe via window.getComputedStyll(obj,null)[property], mais dans le navigateur IE, vous pouvez l'obtenir via obj.currentStyle.

Le code html complet est le suivant :

Copier le code Le code est le suivant :

<script><br> fonction getstyle(obj,propriété){<br> si(obj.currentStyle){<br> return obj.currentStyle[propriété];<br> }else if(window.getComputedStyle){<br> return document.defaultView.getComputedStyle(obj,null)[property];//Ou vous pouvez également obtenir le style via window.getComputedStyle<br> ><br> renvoie null ;<br> > <p>$(document).ready(function(){<br> $("p").click(function(){<br> alert(getstyle(this,"width"));<br> });<br> });<br> </script>

Si vous cliquez sur moi, la largeur apparaît.

Cliquez sur moi pour afficher la largeur.

Cliquez également sur moi~O(∩_∩)O~.

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.