1. Holen Sie sich den Elementstil:
Sie können den Inline-Stil des Elements über das Stilattribut des Elements erhalten. Das Style -Attribut ist ein Objekt, das eine Reihe von Stilattributen enthält. Zum Beispiel: Farbe, BackgourdColor.
Der oben genannte Elementstil wird nicht empfohlen, um Elementstile über das Style -Attribut zu erhalten.
Das folgende Code kann den Stil des Elements erhalten, wenn es ausgeführt wird, dh den globalen Stil. Auf diese Weise können Sie dynamisch den Stil eines Elements wie die Elementgröße erhalten.
// Knoten: Der Elementknoten, der erhalten wird, dessen berechneter Stil ist // Attr: Style Attributname -Funktion getCurrentStyle (Knoten, Attr) {var style = null; // DOM -Standardmethode if (window.getComputedStyle) {style = window.getComputedStyle (Knoten, NULL); } else {style = node.currentStyle; // IE -Methode} Return Style [Attr];}2. Ändern Sie den Elementstil
Direkt durch das Stilattribut des Elements, zum Beispiel: P.Style.backgroundcolor = "Red"
Hinweis: Wenn Sie Elementstile durch die obige Methode erhalten oder ändern, gibt es einen Unterschied zwischen dem Attributnamen und dem definierten Element -Attributnamen. Zum Beispiel: Definieren Sie die Hintergrundfarbe durch die Hintergrundfarbe von CSS. Wenn Sie dieses Stilattribut in JS erhalten oder ändern, muss der erste Buchstaben nach dem Symbol '-' in die Größe konvertiert werden.
Der obige Beispielcode zum Erhalten und Ändern von Elementstilen von JS ist der gesamte Inhalt des Editors. Ich hoffe, es kann Ihnen eine Referenz geben und ich hoffe, Sie können Wulin.com mehr unterstützen.