Wie kann ich Elementstilattribute mit JavaScript dynamisch ändern?

Elementstilattribute mit JavaScript dynamisch ändern

Problem: Wie können Sie das Stilattribut eines bestimmten Elements ändern? mit JavaScript? Beispielsweise müssen Sie das padding-top-Attribut eines div dynamisch ändern.

Lösung:

Der bereitgestellte Code ist korrekt:

document.getElementById("xyz").style.padding-top = "10px";

Dieser Code wählt das Element mit der ID „xyz“ aus und setzt den Stilattributwert „padding-top“ auf „10px.“

Zusätzlicher Hinweis:

Sie können auch die Bindestrich-Notation für Stileigenschaften verwenden:

document.getElementById("xyz").style["padding-top"] = "10px";

Erweitertes Styling Bibliothek (Bearbeitung 2023):

Für eine erweiterte Stilmanipulation sollten Sie die folgende Bibliothek verwenden, die von der entwickelt wurde ursprünglicher Antwortender: [Github](https://github.com/username/library_name)

Das obige ist der detaillierte Inhalt vonWie kann ich Elementstilattribute mit JavaScript dynamisch ändern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!