Bagaimana untuk Mengalih keluar Kelas CSS daripada Elemen Menggunakan JavaScript (Tanpa jQuery)?

Cara Mengalih Keluar Kelas CSS daripada Elemen Menggunakan JavaScript (Tanpa jQuery)

Soalan: Bolehkah seseorang membimbing saya bagaimana untuk mengalih keluar kelas daripada elemen HTML semata-mata dengan JavaScript, tidak termasuk jQuery?

Jawapan:

Pendekatan pilihan ialah menggunakan sifat classList. Ia disokong secara meluas merentas penyemak imbas moden.

Untuk mengalih keluar kelas, hanya gunakan sintaks berikut:

ELEMENT.classList.remove("CLASS_NAME");

Contoh:

Pertimbangkan elemen butang dengan kelas bernama "merah" untuk menunjukkan konsep ini:

<button>

Apabila butang diklik, kod JavaScript berikut mengalih keluar kelas "merah" daripada elemen dengan ID "el":

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

Tindakan ini mengubah gaya CSS yang digunakan pada elemen dengan ID "el", dengan berkesan mengalih keluar latar belakang kemerahan:

.red {
  background: red
}

Atas ialah kandungan terperinci Bagaimana untuk Mengalih keluar Kelas CSS daripada Elemen Menggunakan JavaScript (Tanpa jQuery)?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!