Bagaimanakah anda mengalih keluar kelas CSS daripada elemen menggunakan JavaScript tulen?

Mengalih keluar Kelas CSS daripada Elemen Menggunakan JavaScript Tulen

Apabila bekerja dengan elemen web, anda mungkin menghadapi situasi di mana anda perlu mengalih keluar secara dinamik kelas CSS tertentu. Mengetahui cara mencapai ini menggunakan JavaScript tulen adalah penting. Tidak seperti jQuery, yang memudahkan manipulasi elemen, JavaScript menawarkan penyelesaian serba boleh untuk penyingkiran kelas.

Untuk mengalih keluar kelas secara berkesan daripada elemen menggunakan JavaScript, manfaatkan sifat classList, yang disokong secara meluas oleh penyemak imbas moden. Sintaksnya adalah mudah:

ELEMENT.classList.remove("CLASS_NAME");

Sebagai contoh, mari kita pertimbangkan elemen HTML berikut:

<div>

Dalam kes ini, el ialah elemen dengan kelas merah yang ditetapkan. Katakan anda ingin mengalih keluar kelas merah daripadanya menggunakan JavaScript. Anda boleh berbuat demikian dengan melaksanakan kod berikut:

const el = document.querySelector('#el');
el.classList.remove("red");

Selepas pelaksanaan ini, elemen el tidak lagi mempunyai kelas merah, mengubah penampilannya dengan berkesan. Harap maklum bahawa penyelesaian ini serasi dengan kebanyakan penyemak imbas moden dan menyediakan cara yang bersih untuk memanipulasi kelas CSS secara dinamik.

Atas ialah kandungan terperinci Bagaimanakah anda mengalih keluar kelas CSS daripada elemen menggunakan JavaScript tulen?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!