【Aus dem Akquisition von Linienstil】】
<div id = 'div1' style = "backgroud: rot"> test </div> <script> var odiv = document.getElementById ('div1'); // Erhalten Sie zuerst das Element -Tag, um den Stil zu erhalten, dh div1 console.log (odiv.style.background); // damit wir den Stil zwischen Zeilen </script> erhalten können【Integrierte Stilakquisition】】
<html> <kopf> <style> .div2 {Hintergrund: rot; } </style> </head> <body> <div1 = "div1"> test </div> <script> var odiv = document.getElementById ('div1'); // Erhalten Sie zuerst das Element -Tag, um den Stil zu erhalten, dh div1 //console.log(getComputedstyle(odiv,null).background); GetComputedStyle ("Element", "Pseudo-Klasse") ist der Stil, der nach der Berechnung erhalten wurde. Der zweite Parameter ist die Pseudoklasse. Wenn Null jedoch nicht direkt verwendet wird, unterstützten das böse IE8 und die vorherigen es nicht, daher ist die folgende Methode erforderlich. //console.log(currentStyle.background) Dies wird nur vom IE selbst unterstützt. Es erhält auch die kalkulierte Stilkonsole (Fenster. // Cross-Browser-Kompatibilität </script> </body> </html>【Erfassung Externer Linkstil】】
<html> <head> <link rel = "styleSheet" type = "text/css" href = "basic.css"/> // Gliederlinkstilblatt </head> <body> <div1 = "div1"> test </div> <script> var Sheets.stylesHeets [0] // EXTERNAL LINK THE SHALT THE EXTERNAL LINK THE SHALTS -SHALTS -SHALS. console.log (regel.style.background) // rot Auf diese Weise können Sie den im externen Linkstilblatt angegebenen Stil erhalten </script> </body> </html>
【Außenverbindungsstilblatt】
.div2 {Hintergrund: rot;}Die einfache Möglichkeit, CSS -Interline -Stile, Inline -Stile und externe Linkstile im obigen Artikel zu erhalten, ist der gesamte Inhalt, den der Editor mit Ihnen geteilt hat. Ich hoffe, Sie können Ihnen eine Referenz geben und ich hoffe, Sie können wulin.com mehr unterstützen.