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
Lepaskan: 2024-12-23 02:36:18
asal
921 orang telah melayarinya

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");
Salin selepas log masuk

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

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

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan