Atribut kelas dapat digunakan dalam CSS untuk melakukan beberapa tugas untuk elemen dengan nama kelas yang sesuai. Pada artikel ini, kita membahas cara menambahkan kelas ke elemen menggunakan JavaScript. Dalam JavaScript, ada beberapa pendekatan untuk menambahkan kelas ke elemen. Kita dapat menggunakan. properti className atau. add() metode untuk menambahkan nama kelas ke elemen tertentu Show
Sekarang, mari kita bahas pendekatan untuk menambahkan kelas ke elemen Menggunakan. properti classNameItu. properti className menetapkan nama kelas dari suatu elemen. Properti ini dapat digunakan untuk mengembalikan nilai atribut kelas dari suatu elemen. Kita dapat menggunakan properti ini untuk menambahkan kelas ke elemen HTML tanpa mengganti kelas yang sudah ada Untuk menambahkan beberapa kelas, kita harus memisahkan namanya dengan spasi seperti "class1 class2" Jika suatu kelas sudah dideklarasikan untuk suatu elemen, dan kita perlu menambahkan nama kelas baru ke elemen yang sama maka harus dideklarasikan dengan menyisipkan spasi sebelum menulis nama kelas baru, jika tidak maka akan menimpa nama kelas yang ada. Itu dapat ditulis sebagai berikut Pada kode di atas, kita telah menyisipkan spasi sebelum newClass SintaksisSintaks yang umum digunakan dari properti ini untuk menyetel atau mengembalikan nama kelas diberikan di bawah ini Untuk mengatur nama kelas Untuk mengembalikan nama kelas Contoh penggunaan the. properti className diberikan sebagai berikut Contoh - Menambahkan nama kelasDalam contoh ini, kami menggunakan metode add() untuk menambahkan nama kelas ke elemen paragraf yang memiliki id = "p1". Kita harus mengklik tombol HTML yang diberikan "Tambahkan Kelas" untuk melihat efeknya “. add()” adalah metode bawaan dari properti classList yang dapat digunakan untuk menambahkan nama kelas ke elemen HTML tertentu. Cuplikan di bawah ini akan membuat Anda memahami cara menggunakan ". tambahkan” metode dalam JavaScript elemen. DaftarKelas . tambahkan("nama_kelas"); Bagaimana ". add()” metode bekerja di JavaScript?Bagian ini akan menyajikan panduan langkah demi langkah untuk memahami cara menambahkan nama kelas ke elemen HTML menggunakan JavaScript Dalam program ini kita akan membuat tiga file yaitu file “html”, file “CSS”, dan file “JavaScript” HTML < h2 > Bagaimana cara menambahkan nama kelas ke elemen HTML melalui javaScript? </h2> Dalam cuplikan di atas kami melakukan fungsi berikut
|