Kleine Regeln und Sonderfälle für den dynamischen Aufruf von CSS-Eigenschaften durch js

1. Für CSS-Attribute ohne Bindestrich verwenden Sie im Allgemeinen direkt den Stilattributnamen.

Wie zum Beispiel: obj.style.margin, obj.style.width, obj.style.left, obj.style.position usw.

2. Entfernen Sie bei CSS-Attributen, die Unterstriche enthalten, jeden Unterstrich und ersetzen Sie das erste Zeichen nach jedem Unterstrich durch einen Großbuchstaben.

Wie zum Beispiel: obj.style.marginTop, obj.style.borderLeftWidth, obj.style.zIndex, obj.style.fontFamily usw.

Da Float ein reserviertes Wort von Javascript ist, wie schreibe ich Float im Stylesheet in js?

Wir können obj.style.float nicht direkt verwenden, da dieser Vorgang ungültig ist.

Die korrekte Verwendungsmethode ist: IE: obj.style.styleFloat, andere Browser Mozilla (gecko), ff usw. verwenden styleFloat: obj.style.cssFloat.

Geben Sie mir ein Beispiel, damit es für alle verständlicher ist:

Test 1

< div onclick="alert (this.style.float);

if(this.style.cssFloat){this.style.cssFloat='left';

}else{this.style .styleFloat='left ';

}alert(this.style.float);">Test 2