Untuk menghapus kelas dari elemen body, panggil metode classList.remove() pada elemen body, e. g, ________23______
Berikut adalah beberapa contoh HTML
indeks. html
<!DOCTYPE html> <html> <head> <title>Coding Beauty Tutorial</title> </head> <body class="class-1 class-2"> <div>This is a div element.</div> <script src="index.js"></script> </body> </html>Inilah cara kami menghapus kelas document.body.classList.remove('class-1'); 0 dari badan menggunakan JavaScript
indeks. js
document.body.classList.remove('class-1'); _Kami menggunakan properti body_ dari document.body.classList.remove('class-1'); 2 untuk mengakses objek document.body.classList.remove('class-1'); 3 yang mewakili badan dokumen
Properti document.body.classList.remove('class-1'); 4 mengembalikan objek document.body.classList.remove('class-1'); 5 yang mewakili daftar kelas yang dimiliki elemen
Metode remove() dari properti document.body.classList.remove('class-1'); _4 mengambil daftar kelas dan menghapusnya dari elemen
Setelah menghapus document.body.classList.remove('class-1'); _0, markup dokumen akan terlihat seperti ini
<!DOCTYPE html> <html> <head> <title>Coding Beauty Tutorial</title> </head> <body class="class-2"> <div>This is a div element.</div> <script src="index.js"></script> </body> </html> _Kita dapat meneruskan banyak argumen ke metode document.body.classList.remove('class-1'); _8 untuk menghapus lebih dari satu kelas dari badan. Misalnya, kita dapat menghapus document.body.classList.remove('class-1'); _0 dan <!DOCTYPE html> <html> <head> <title>Coding Beauty Tutorial</title> </head> <body class="class-2"> <div>This is a div element.</div> <script src="index.js"></script> </body> </html> 0 dari badan menggunakan satu pernyataan
indeks. js
document.body.classList.remove('class-1', 'class-2');Ini akan menjadi markup dokumen yang dihasilkan
<!DOCTYPE html> <html> <head> <title>Coding Beauty Tutorial</title> </head> <body> <div>This is a div element.</div> <script src="index.js"></script> </body> </html>Jika kita melewati kelas yang tidak dimiliki elemen, document.body.classList.remove('class-1'); 8 mengabaikan kelas dan tidak melempar kesalahan
Berlangganan Buletin Kecantikan Coding
Dapatkan wawasan bermanfaat dan tingkatkan pengetahuan pengembangan web Anda dengan tips dan tutorial mingguan dari Coding Beauty. Lebih dari 2.000 pengembang berlangganan
Tambahkan kelas ke badan dengan JavaScript
Untuk menambahkan kelas ke elemen body, kita dapat menggunakan metode <!DOCTYPE html> <html> <head> <title>Coding Beauty Tutorial</title> </head> <body class="class-2"> <div>This is a div element.</div> <script src="index.js"></script> </body> </html> 2 dari objek body
indeks. js
document.body.classList.add('class-3', 'class-4');Metode add() dari properti document.body.classList.remove('class-1'); _4 mengambil daftar nama kelas dan menambahkannya ke elemen
Ini akan menjadi HTML yang dihasilkan setelah menambahkan dua kelas
<!DOCTYPE html> <html> <head> <title>Coding Beauty Tutorial</title> </head> <body class="class-1 class-2 class-3 class-4"> <div>This is a div element.</div> <script src="index.js"></script> </body> </html><!DOCTYPE html> <html> <head> <title>Coding Beauty Tutorial</title> </head> <body class="class-2"> <div>This is a div element.</div> <script src="index.js"></script> </body> </html> 4 mencegah kelas yang sama ditambahkan ke elemen berkali-kali, sehingga kelas tertentu diabaikan jika elemen sudah memilikinya
Setiap Hal Gila yang Dilakukan JavaScript
Panduan menawan untuk peringatan halus dan bagian JavaScript yang kurang dikenal
Daftar dan dapatkan salinan gratis segera
Ayibatari Ibaba
Ayibatari Ibaba adalah pengembang perangkat lunak dengan pengalaman bertahun-tahun membangun situs web dan aplikasi. Dia telah banyak menulis tentang berbagai topik pemrograman dan telah menciptakan lusinan aplikasi dan pustaka sumber terbuka