Wenn Sie natives JavaScript verwenden, um den Elementstil zu erhalten, erwerben Sie lediglich it_javascript-Kenntnisse

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: Sie können den Stilwert nur im Stilattribut im Element-Tag abrufen. Sie können den in definierten Stilwert nicht abrufen "css.css ”>Geladene Stilattribute

Code kopieren Der Code lautet wie folgt:

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

2. window.getComputedStyle(): Sie können 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; //Farbe holen

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