Properti classList_ mengembalikan daftar kelas yang diterapkan ke elemen. Ini membantu untuk menambah, menghapus, dan mengaktifkan kelas CSS yang dilampirkan ke suatu elemen. Ini memberi kita metode add() dan remove() untuk menambah/menghapus kelas dari classList. Menggunakan remove()_, kita dapat dengan mudah menghapus kelas CSS dari elemen apa pun
London
London is the capital of England.
Paris
Paris is the capital of France.
Tokyo
Tokyo is the capital of Japan.
.delftstack { background-color: tomato; color: white; border: 2px solid black; margin: 20px; padding: 20px; } _
var div = document.getElementById('delftstack'); div.classList.remove('delftclass');
Dalam kode di atas, kami menggunakan pemilih untuk mendapatkan elemen yang diinginkan dari DOM, lalu kami menyimpannya dalam variabel sehingga kami dapat mengakses propertinya dan memodifikasinya. Karena kami ingin menghapus kelas dari elemen, kami menggunakan classList.remove() untuk menghapus kelas yang diinginkan. Kami bahkan dapat menghapus beberapa nama kelas sekaligus dengan memberikan banyak argumen
Perlu diperhatikan bahwa Internet Explorer tidak mendukung properti classList
Gunakan jQuery .delftstack { background-color: tomato; color: white; border: 2px solid black; margin: 20px; padding: 20px; } _4 untuk Menghapus Kelas CSS Dari Elemen Dengan jQuery
Fungsi .delftstack { background-color: tomato; color: white; border: 2px solid black; margin: 20px; padding: 20px; } 4 di jQuery hanya untuk tujuan menghapus kelas dari suatu elemen. Itu dapat menghapus satu, banyak, atau bahkan semua kelas dari suatu elemen. Kami dapat menghapus kelas dengan memanggil fungsi pada elemen referensi apa pun. Untuk menghapus semua kelas sekaligus, panggil fungsi .delftstack { background-color: tomato; color: white; border: 2px solid black; margin: 20px; padding: 20px; } 4 tanpa memberikan argumen apa pun
London
London is the capital of England.
Paris
Paris is the capital of France.
Tokyo
Tokyo is the capital of Japan.
_.delftstack { background-color: tomato; color: white; border: 2px solid black; margin: 20px; padding: 20px; } _
$('#removeme').removeClass('admin'); _
Fungsi lain bernama .delftstack { background-color: tomato; color: white; border: 2px solid black; margin: 20px; padding: 20px; } 7 menambahkan/menghapus kelas dari elemen sehingga kelas yang sudah ada dihapus, tetapi kelas yang tidak ada ditambahkan. Ini membantu untuk mencapai hasil yang sama tetapi harus digunakan dengan hati-hati karena jika nama kelas yang salah ditentukan, kita dapat menambahkan kelas baru
Keterangan. Hapus satu kelas atau beberapa kelas dari setiap elemen dalam kumpulan elemen yang cocok
versi ditambahkan. 1. 0
nama kelas
Jenis.
Satu atau lebih kelas yang dipisahkan ruang akan dihapus dari atribut kelas dari setiap elemen yang cocok
versi ditambahkan. 3. 3
namakelas
Jenis.
Array kelas yang akan dihapus dari atribut kelas dari setiap elemen yang cocok
versi ditambahkan. 1. 4
fungsi
Jenis. ( indeks, NamaKelas ) =>
Fungsi mengembalikan satu atau lebih nama kelas yang dipisahkan spasi untuk dihapus. Menerima posisi indeks elemen di set dan nilai kelas lama sebagai argumen
versi ditambahkan. 3. 3
fungsi
Tipe. ( indeks, namakelas ) => .
Sebuah fungsi mengembalikan satu atau lebih nama kelas yang dipisahkan spasi atau array nama kelas yang akan dihapus. Menerima posisi indeks elemen di set dan nilai kelas lama sebagai argumen
Sebelum jQuery versi 1. 12/2. 2, metode .removeClass()_ memanipulasi properti className dari elemen yang dipilih, bukan atribut class. Setelah properti diubah, browserlah yang memperbarui atributnya. Ini berarti bahwa ketika atribut class telah diperbarui dan nama kelas terakhir dihapus, browser mungkin telah menyetel nilai atribut ke string kosong alih-alih menghapus atribut sepenuhnya. Implikasi dari perilaku ini adalah bahwa metode ini hanya berfungsi untuk dokumen dengan semantik HTML DOM (mis. g. , bukan dokumen XML murni)
Pada jQuery 1. 12/2. 2, perilaku ini diubah untuk meningkatkan dukungan untuk dokumen XML, termasuk SVG. Mulai dari versi ini, atribut class digunakan sebagai gantinya. Jadi, .removeClass()_ dapat digunakan pada dokumen XML atau SVG