Bagaimanakah Saya Boleh Mengubah Atribut Gaya Elemen Secara Dinamik dengan JavaScript?

Mengubah suai Atribut Gaya Elemen Secara Dinamik dengan JavaScript

Masalah: Bagaimanakah anda boleh menukar atribut gaya elemen tertentu menggunakan JavaScript? Contohnya, anda perlu mengubah suai atribut padding-top div secara dinamik.

Penyelesaian:

Kod yang disediakan adalah betul:

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

Kod ini memilih elemen dengan ID "xyz" dan menetapkan nilai atribut gaya "padding-top" kepada "10px."

Nota Tambahan:

Anda juga boleh menggunakan tatatanda sempang untuk sifat gaya:

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

Penggayaan Dipertingkat Perpustakaan (Edit 2023):

Untuk penggayaan yang lebih maju manipulasi, pertimbangkan untuk menggunakan perpustakaan berikut yang dibangunkan oleh responden asal: [Github](https://github.com/username/library_name)

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengubah Atribut Gaya Elemen Secara Dinamik dengan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!