Implementasi sederhana menambahkan beberapa kelas ke elemen oleh JavaScript
<html> <head> <style type = "text/css"> .div2 {font-size: 16px; Warna: oranye; } .div3 {font-size: 20px; Warna: Biru; } <tyle> <script type = "text/javascript"> [1] Langsung tetapkan gaya ke classname var odiv = document.geteLementById ('div1'); odiv.classname = Div3 // Dengan cara ini kita akan mendapatkan class = "Div3" dan akan secara langsung menimpa gaya Div2; [2] Gunakan akumulasi untuk menetapkan nilai ke classname var odiv = document.geteLementById ('div1'); ODIV.ClassName+= ""+Div3 // Ada celah antara gaya dan gaya, jadi tambahkan string kosong untuk memisahkannya // ini dapat ditambahkan secara normal, tetapi ketika kita menambahkan gaya, kita harus mempertimbangkan apakah memiliki gaya yang sama sebelumnya. Jika kita menambahkannya, itu akan menjadi beban, misalnya kelas = "Div2 Div3 Div3"; [3] Periksa apakah gaya memiliki gaya yang sama sebelum var odiv = document.getElementById ('div1'); fungsi hasclass (elemen, csname) {element.classname.match (regexp ('(// s |^)'+csname+'(// s | $)')); // Gunakan deteksi reguler untuk melihat apakah ada gaya yang sama} [4] berdasarkan [3], kita dapat menilai gaya ke elemen. var odiv = document.geteLementById ('div1'); fungsi hasclass (elemen, csname) {return element.classname.match (regexp ('(// s |^)'+csname+'(// s | $)')); // Gunakan deteksi reguler untuk melihat apakah ada gaya} function} yang sama addClass (elemen, csname) {if (! Hasclass (elemen, csname)) {element.classname+= ''+csname; } addClass (odiv, 'div3'); // Dengan cara ini Anda dapat menambahkan gaya ke elemen secara fleksibel; [Elemen menghapus gaya yang ditentukan] // Hal yang sama untuk membuat penilaian terlebih dahulu, dan menghapus var odiv = document.getElementById ('div1'); fungsi hasclass (elemen, csname) {return element.classname.match (regexp ('(// s |^)'+csname+'(// s | $)')); // Gunakan deteksi reguler untuk melihat apakah ada gaya} function deleteClass (elemen, csname) {if (! Hasclass (elemen, csname)) {element.classname.replace (regexp ('(// s |^)'+csname+'(// s | $)'), '); // Gunakan reguler untuk menangkap nama gaya yang akan dihapus, dan kemudian menggantinya dengan string kosong, yang setara dengan penghapusan} deleteClass (ODIV, Div3); } </script> </head> <body> <v id = "div1" class = 'div2'> tes </div> </body> </html>Implementasi sederhana menambahkan beberapa kelas ke elemen dalam JavaScript adalah seluruh konten yang saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.