【À partir de l'acquisition de style ligne】
<div id = 'div1' style = "backgroud: red"> test </div> <cript> var odiv = document.getElementById ('div1'); // Obtenez d'abord la balise d'élément pour obtenir le style, c'est-à-dire obtenir la console div1.log (odiv.style.background); // afin que nous puissions obtenir le style entre les lignes </cript>【Acquisition de style intégré】
<html> <éadfr> <ystyle> .div2 {background: red; } </ style> </ head> <body> <div id = "div1"> test </div> <script> var odiv = document.getElementById ('div1'); // Obtenez d'abord la balise d'élément pour obtenir le style, c'est-à-dire, obtenez div1 //console.log(getCompupedStyle(ODIV,Null).Background); GetCompuledStyle ("élément", "pseudo-classe") est le style qui a été obtenu après le calcul. Le deuxième paramètre est la pseudo-classe. Si NULL n'est pas utilisé directement cependant, le mal IE8 et les précédents ne l'ont pas soutenu, donc la méthode suivante est nécessaire. //console.log(CurrentStyle.background) Ceci n'est pris en charge que par IE lui-même. Il obtient également la console de style calculée (Window.getCompuledStyle? GetCompupedStyle (ODIV, null) .Background: odiv.currentStyle); // COMPATIBLIBLE CROSS-BROWSER </ Script> </ Body> </html>【Acquisition de style de liaison externe】
<html> <adhead> <link rel = "Stylesheet" type = "text / css" href = "Basic.css" /> // Tire Link Style Sheet </ head> <body> <div id = "div1"> Test </div> <script> var sheet = Document.Stylesheets [0] // Obtenir le style de lien externe var règne = feuille.cssrules [0] // Get External Style Spee Sheet Var Rule = Shee console.log (dule.style.background) // Red de cette façon, vous pouvez obtenir le style spécifié dans la feuille de style de liaison externe </cript> </ body> </html>
【Feuille de style lien extérieur】
.Div2 {Background: Red;}Le moyen simple d'obtenir des styles d'interliée CSS, des styles en ligne et des styles de liens externes dans l'article ci-dessus est le contenu complet que l'éditeur a partagé avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.