Bagaimana untuk mengalih keluar Kelas CSS Menggunakan JavaScript Vanila?

Alih Keluar Kelas CSS: Panduan JavaScript Komprehensif

Mengalih keluar kelas CSS daripada elemen menggunakan JavaScript vanila ialah tugas biasa yang dihadapi oleh pembangun web . Tidak seperti jQuery, yang menyediakan API yang dipermudahkan, JavaScript menawarkan pendekatan serba boleh dan tahap rendah untuk operasi ini.

Untuk mengalih keluar kelas CSS dengan berkesan, teknik pilihan dan standard adalah memanfaatkan sifat classList. Disokong merentas penyemak imbas moden, ia mendayakan manipulasi kelas yang tepat.

PENYELESAIAN

Coretan berikut menunjukkan sintaks yang betul:

ELEMENT.classList.remove("CLASS_NAME");

Coretan kod ini mengalih keluar kelas yang ditentukan (CLASS_NAME) daripada elemen sasaran (ELEMEN).

CONTOH

Pertimbangkan contoh berikut, di mana kita mempunyai butang yang menogol pengalihan keluar kelas "merah" daripada div:

remove.onclick = () => {
  const el = document.querySelector('#el');
  el.classList.remove("red");
};

.red {
  background: red
}

<div>

Setelah mengklik butang "Alih Keluar Kelas", latar belakang "merah" akan dialih keluar daripada div.

Memahami cara mengalih keluar kelas CSS dengan JavaScript adalah penting untuk mengekalkan halaman web dinamik dengan kawalan tepat ke atas gaya elemen.

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar Kelas CSS Menggunakan JavaScript Vanila?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!