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.getCompuledStyll (OBJ, null) [propriété] pour obtenir le style de liaison externe, mais dans un navigateur IE, vous pouvez utiliser obj.currentStyle pour l'obtenir.
Code HTML complet:
<! Doctype html> <html> <éad- head> <itle> js Obtenez le style de liaison externe de l'élément </title> <base Target = "_ Blank" /> <style type = "text / css"> p {width: 500px; hauteur de ligne: 30px; } </ style> <script src = "http://vevb.com/jquery/jquery-1.11.2.min.js"> </ script> <cript> function getStyle (obj, propriété) {if (obj.currentStyle) {return obj.currentStyle [propriété];} else if (Window document.defaultView.getCompupedStyle (obj, null) [propriété]; // ou vous pouvez également obtenir le style via window.getCompuledStyle} return null;} $ (document) .ready (function () {$ ("p"). cliquez (function () {alert (getStyle (this, "welth"));});}); </dcript> </-head> <body> <p> Si vous cliquez sur moi, la largeur apparaîtra. </p> <p> Cliquez sur moi pour faire apparaître la largeur. </p> <p> Cliquez aussi moi aussi. </p> <v> <a href = "http://vevb.com"> home </a> <a href = "http://vevb.com/phtml/"> bibliothèque d'effets spéciaux </a> <a href = "http://vevb.com/a/bjae/nb9lb3sd.htm"> original " Texte </a> </div> </ body> </html>La méthode de mise en œuvre simple pour obtenir des styles de liens externes des éléments JS est tout le contenu que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.