1. wie man CSS -Attribute mit JS schreibt
1. Für CSS -Attribute ohne Marke können Sie den Stil normalerweise verwenden. Attributname direkt.
Wie: obj.style.margin, obj.style.width, obj.style.left, obj.style.position
2. Entfernen Sie für das CSS -Attribut, das die mittlere Marke enthält, jede mittlere Marke und ändern Sie das erste Zeichen nach jeder mittleren Markierung, um sie zu profitieren.
Wie: obj.style.margintop, obj.style.borderleftwidth, obj.style.zindex, obj.style.fontfamily usw.
3. Sonderes Schreibmethode für JS Operation CSS Float Attribut
Da Float ein reserviertes Wort für JavaScript ist, können wir Obj.Style.float nicht direkt verwenden, sodass die Operation ungültig ist. Die richtige Art und Weise ist: IE: Obj.Style.StyleFloat, andere Browser Mozilla (Gecko), FF usw. Verwenden Sie StyleFloat: Obj.Style.cssfloat.
2. Verwenden Sie JS, um den CSS -Attributwert zu erhalten
1. Holen Sie sich den Linienstil: Obj.Style. Attributname. <div ID = "CSS88"> JS erhält den CSS -Attributwert </div> Class kann nicht zugegriffen werden.
2. Nehmen Sie die CSS -Attribute innerhalb und außerhalb von Link ab: IE verwendet die Methode der Obj.CurrentStyle ["Attributname"], und FF verwendet die GetComputedStyle -Methode
3. Verwenden Sie JS, um CSS -Attributen Werte zuzuweisen
1. zuweisen Klassenattribute zuweisen
Zuweisung: document.getElementById ('Ceil'). ClassName = "class1";
Wenn es mehrere Werte hat: document.getElementById ('Ceil'). ClassName = "class1 class2 class3";
2..
document.getElementById ('navition'). style.cSstext = "dein CSS -Code ';
Zusammenfassen
Das Wissen, wie man die auf einer Seite angewendeten Stile dynamisch verändert, ist äußerst nützlich, um stilvolle und interaktive Webseiten zu erstellen. Das in diesem Artikel beschriebene Wissen bildet die Grundlage für fortschrittlichere Technologien wie JavaScript -Animation. Es ist zu beachten, dass Sie verantwortungsbewusst dynamische Stiländerungen verwenden sollten und nicht übermäßig übermäßig ausgebraucht werden. Wie bereits erwähnt, kann die Stiländerung auch die Web -Effizienz verbessern. Die Anzeige und das Verstecken von Inhalten können unnötige Dateninteraktionen zwischen Clients und Servern vermeiden.