Rumah > Artikel > hujung hadapan web > Bagaimana untuk mengalih keluar Kelas CSS dengan JavaScript Tanpa jQuery?
Mengalih keluar Kelas CSS dengan JavaScript Tanpa jQuery
Mengalih keluar kelas CSS daripada elemen menggunakan JavaScript ialah tugas biasa dalam pembangunan web. Untuk mencapai ini tanpa jQuery, terdapat beberapa pendekatan, dengan yang paling mudah ialah penggunaan harta classList.
Menggunakan classList
Sifat classList menyediakan antara muka yang mudah untuk memanipulasi kelas pada elemen. Untuk mengalih keluar kelas tertentu, hanya gunakan kaedah remove():
ELEMENT.classList.remove("CLASS_NAME");
Contoh
Pertimbangkan HTML dan CSS berikut:
<div>
.red { background: red; }
Untuk mengalih keluar kelas "merah" daripada elemen "el" menggunakan classList, kod berikut boleh digunakan:
var el = document.getElementById("el"); el.classList.remove("red");
Pendekatan Alternatif
Walaupun classList ialah pendekatan yang paling disyorkan, terdapat cara alternatif untuk mengalih keluar kelas, seperti:
Walau bagaimanapun, kaedah ini kurang cekap dan fleksibel berbanding menggunakan classList.
Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar Kelas CSS dengan JavaScript Tanpa jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!