Bagaimanakah Saya Boleh Mengubah Sifat CSS Menggunakan JavaScript?

Cara Menetapkan Sifat CSS dalam JavaScript

JavaScript membolehkan kawalan dinamik elemen halaman web, termasuk mengurus penampilan visualnya melalui sifat CSS. Untuk menetapkan atribut CSS menggunakan JavaScript, sifat element.style digunakan.

Contoh:

Andaikan anda telah mencipta elemen pilih HTML menggunakan JavaScript:

var menu = document.createElement('select');

Untuk menetapkan lebar elemen pilihan ini kepada 100 piksel, anda boleh menggunakan kod JavaScript berikut:

menu.style.width = "100px";

Penjelasan:

Gaya harta elemen HTML menyediakan akses kepada sifat CSSnya. Dengan memberikan nilai kepada sifat CSS tertentu (cth., "lebar"), anda boleh mengubah suai nilainya secara dinamik. Dalam kes ini, lebar elemen pilih akan ditetapkan kepada 100 piksel.

Menggunakan element.style ialah pendekatan langsung dan mudah untuk memanipulasi atribut CSS dalam JavaScript, membolehkan anda membuat perubahan masa nyata pada penampilan dan reka letak elemen halaman web.

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