Bagaimanakah Saya Boleh Mengubah Atribut Gaya CSS Secara Dinamik Menggunakan JavaScript?

Mengubah Suai Atribut Gaya Secara Dinamik dengan JavaScript

Andaikan anda mempunyai helaian gaya CSS yang ditentukan untuk elemen DIV. Keperluan timbul untuk mengubah suai atribut khusus DIV itu secara dinamik menggunakan JavaScript. Bagaimanakah ini boleh dicapai dengan berkesan?

Ringkasnya...

Untuk menukar atribut gaya secara dinamik, gunakan sintaks berikut:

document.getElementById("elementID").style.attributeName = "newAttributeValue";

Contoh:

document.getElementById("xyz").style.paddingTop = "10px";

Kod ini berjaya mengubah suai atribut padding-top DIV dengan ID "xyz" kepada nilai "10px".

Notasi Gantian untuk Sifat Gaya:

Selain itu, anda juga boleh menggunakan tanda sempang untuk sifat gaya:

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

Sintaks alternatif ini membolehkan anda menentukan sifat gaya menggunakan setara CSS sempang mereka.

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