Zusammenfassung der nativen Methoden zum Erhalten von Stilen in JavaScript_Javascript-Tipps

ps: Es geht darum, den Stil zu bekommen, nicht darum, den Stil festzulegen. Wenn für das Element kein Stilwert festgelegt ist, wird der vom Browser angegebene Standardwert zurückgegeben. (Forumszusammenstellung)

1. element.style: kann nur den im Stilattribut im Element-Tag geschriebenen Stilwert abrufen und nicht den in definierten Stilwert Geladene Stilattribute

Code kopieren Der Code lautet wie folgt:

var ele = document.getElementById('ele');
ele.style.color; //Farbe holen

2. window.getComputedStyle(): kann alle endgültigen CSS-Attributwerte des aktuellen Elements abrufen.

Code kopieren Der Code lautet wie folgt:

window.getComputedStyle("Element", "Pseudo-class");

Diese Methode akzeptiert zwei Parameter: das Element, von dem der berechnete Stil abgerufen werden soll, und eine Pseudoelementzeichenfolge (z. B. „:before“). Wenn keine Pseudoelementinformationen erforderlich sind, kann der zweite Parameter null sein.
kann auch über document.defaultView.getComputedStyle("element", "pseudo-class"); verwendet werden.

Code kopieren Der Code lautet wie folgt:

var ele = document.getElementById('ele');
var style = window.getComputedStyle(ele,null);
styles.color; //Hol dir die Farbe

Sie können die Anzahl der Browser-Standardstile über style.length anzeigen. IE6-8 unterstützt diese Methode nicht und Sie müssen die spätere Methode verwenden. Bei Firefox und Safari werden die Farben in das RGB-Format konvertiert.

3. element.currentStyle: IE-spezifisch, gibt den endgültigen CSS-Attributwert zurück, der aktuell auf das Element angewendet wird (einschließlich externer Link-CSS-Dateien, in die Seite eingebetteter