Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Mengalih Keluar Kelas daripada Elemen HTML Menggunakan JavaScript Tulen?

Bagaimanakah Saya Boleh Mengalih Keluar Kelas daripada Elemen HTML Menggunakan JavaScript Tulen?

Patricia Arquette
Patricia Arquetteasal
2024-12-23 02:36:18877semak imbas

How Can I Remove a Class from an HTML Element Using Pure JavaScript?

Penyingkiran Kelas Elemen dengan JavaScript Tulen

Mengalih keluar kelas daripada elemen ialah tugas biasa dalam pembangunan web, di mana JavaScript memainkan peranan penting. Begini cara ia dilakukan tanpa menggunakan jQuery:

Kaedah pilihan dan piawai untuk penyingkiran kelas adalah melalui sifat classList:

ELEMENT.classList.remove("CLASS_NAME");

Pendekatan ini disokong secara meluas oleh penyemak imbas moden. Contohnya:

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

Di mana:

  • alih keluar ialah butang yang mencetuskan pengalihan keluar.
  • el ialah elemen yang kelasnya perlu dialih keluar.
  • merah ialah nama kelas yang akan dialih keluar.

Dalam contoh ini, mengklik butang akan mengalih keluar kelas "merah" daripada elemen dengan ID "el," menukar warna latar belakangnya kembali kepada lalainya.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengalih Keluar Kelas daripada Elemen HTML Menggunakan JavaScript Tulen?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn