Cet exemple d'article décrit comment obtenir le style de liaison externe de JS. Partagez-le pour votre référence. L'analyse spécifique est la suivante:
Généralement, définissez des styles en ligne pour les éléments, tels que <div id = "div1"> </div>. Pour obtenir son style, vous pouvez l'obtenir ou le définir par document.getElementById ("div1"). Style.width. Cependant, si le style est dans le lien externe ou le style non linéaire de la page, il ne peut pas être obtenu.
Dans un navigateur standard, vous pouvez utiliser Window.getCompupedStyll (OBJ, null) [propriété] pour obtenir le style de lien externe, mais dans un navigateur IE, vous pouvez utiliser obj.currentStyle pour l'obtenir.
Le code HTML complet est le suivant:
Copiez le code comme suit: <! Doctype html>
<html>
<adal>
<Title> JS Get Element Style de liaison externe </title> <base Target = "_ Blank" />
<style type = "text / css">
p {
Largeur: 500px;
hauteur de ligne: 30px;
}
</ style>
<script src = "jQuery / jQuery-1.11.2.min.js">
</cript>
<cript>
fonction getStyle (obj, propriété) {
if (obj.currentStyle) {
retour obj.currentStyle [propriété];
} else if (window.getcomputedStyle) {
return document.defaultView.getCompuledStyle (obj, null) [propriété]; // ou vous pouvez également obtenir le style via Window.getCompuledStyle
}
retourner null;
}
$ (document) .ready (function () {
$ ("p"). Cliquez sur (fonction () {
alert (getStyle (this, "largeur"));
});
});
</cript>
</ head>
<body>
<p> Si vous cliquez sur moi, la largeur apparaît. </p>
<p> Cliquez sur moi pour faire apparaître la largeur. </p>
<p> cliquez sur moi aussi ~ o (∩_∩) o ~. </p>
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.