Bagaimanakah cara saya mengalih keluar kelas CSS daripada elemen menggunakan JavaScript?

Mengalih keluar Kelas CSS dengan JavaScript

JavaScript menawarkan kaedah langsung untuk mengalih keluar kelas CSS daripada elemen tanpa memerlukan jQuery. Kaedah ini menggunakan sifat classList, yang disokong oleh kebanyakan penyemak imbas moden.

Langkah untuk Mengalih keluar Kelas CSS Menggunakan ClassList:

1. Pilih Elemen: Kenal pasti elemen yang anda mahu alih keluar kelas CSS menggunakan document.querySelector atau document.getElementById.

2. Alih keluar Kelas: Gunakan classList.remove () kaedah untuk mengalih keluar kelas CSS yang dikehendaki. Sintaksnya adalah seperti berikut:

   ELEMENT.classList.remove("CLASS_NAME");

Contoh:

Untuk mengalih keluar kelas "merah" daripada elemen dengan ID 'el ', anda akan menggunakan kod berikut:

const el = document.querySelector('#el');
el.classList.remove("red");

Kaedah Alternatif:

Walaupun classList.remove() ialah pendekatan yang disyorkan, terdapat kaedah alternatif untuk mengalih keluar Kelas CSS:

• .removeAttribute(): Kaedah ini mengalih keluar keseluruhan atribut, termasuk nama kelas. Walau bagaimanapun, ia kurang cekap berbanding classList.remove().
• Menggantikan Atribut Kelas: Anda boleh menggantikan keseluruhan atribut kelas dengan nilai baharu yang mengecualikan kelas yang ingin anda alih keluar.

Atas ialah kandungan terperinci Bagaimanakah cara saya mengalih keluar kelas CSS daripada elemen menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!