Pada artikel ini, kita akan mempelajari cara menambahkan properti class name ke elemen, beserta pemahaman implementasinya melalui contoh. Atribut nama kelas dapat digunakan oleh CSS dan JavaScript untuk melakukan tugas tertentu untuk elemen dengan nama kelas tertentu. Menambahkan nama kelas dengan menggunakan JavaScript dapat dilakukan dengan berbagai cara. Menggunakan. Properti ini digunakan untuk menambahkan nama kelas ke elemen yang dipilih Sintaksis Ini digunakan untuk mengatur properti className element.className = "newClass"; Ini digunakan untuk mengembalikan properti className element.className;_ Nilai properti
Nilai pengembalian. Ini adalah tipe string yang mewakili kelas atau daftar kelas elemen dengan dipisahkan oleh ruang Contoh. Contoh ini menggunakan. properti className untuk menambahkan nama kelas HTML
element.className;0 < element.className;2 element.className;3 element.className;2 > element.className;0 < element.className;8 > element.className;0 element.classList.add("newClass");1 element.classList.add("newClass");2 element.classList.add("newClass");3 element.classList.add("newClass");2 element.classList.add("newClass");5 element.className;0 element.classList.add("newClass");7 element.className;0 element.classList.add("newClass");9 element.className;8 > element.classList.add("newClass");_9 head >
element.className;8 <!DOCTYPE html> 8<!DOCTYPE html> 9> element.className;0 < < 3 element.className;8 <!DOCTYPE html> 8< 6> element.classList.add("newClass");2 < 9element.className;0 element.classList.add("newClass");9 < 3> element.className;0 < html 6 html 7<!DOCTYPE html> 8html 9> 0html 6>
element.className;0 < > 5 > 6<!DOCTYPE html> 8> 8> 9> 5> element.className;_0 element.className;0 < 4element.className;0 < < 7> element.className;0 head 0element.classList.add("newClass");2 head 2element.classList.add("newClass");2 head 4element.className;0 element.classList.add("newClass");7 element.className;0 element.classList.add("newClass");9 < 7> element.classList.add("newClass");_9 <!DOCTYPE html> 6> element.classList.add("newClass");_9 html > Keluaran properti className Menggunakan. tambahkan() metode. Metode ini digunakan untuk menambahkan nama kelas ke elemen yang dipilih Sintaksis element.classList.add("newClass");_ Contoh. Contoh ini menggunakan. metode add() untuk menambahkan nama kelas HTML
element.className;0 < element.className;8 > element.className;0 element.classList.add("newClass");1 element.classList.add("newClass");_2 element.className;11 element.classList.add("newClass");_2 element.className;13 element.classList.add("newClass");_2 element.className;15 element.classList.add("newClass");2 element.classList.add("newClass");5 element.className;0 element.classList.add("newClass");7 element.className;0 element.classList.add("newClass");9 element.className;8 > element.classList.add("newClass");_9 head >
element.className;8 <!DOCTYPE html> 8<!DOCTYPE html> 9> element.className;0 < < 3 element.className;8 <!DOCTYPE html> 8< 6> element.classList.add("newClass");2 < 9element.className;0 element.classList.add("newClass");9 < 3> element.className;0 < html 6 html 7<!DOCTYPE html> 8html 9> 0html 6>
element.className;0 < > 5 > 6<!DOCTYPE html> 8> 8> 9> 5> element.className;_0 element.className;0 < 4element.className;0 < < 7> element.className;0 head 0element.classList.add("newClass");2 element.className;74 element.classList.add("newClass");2 element.className;76 element.className;0 element.classList.add("newClass");7 element.className;0 element.classList.add("newClass");9 < 7> element.classList.add("newClass");_9 <!DOCTYPE html> 6> element.classList.add("newClass");_9 html > Keluaran tambahkan() Metode Peramban yang Didukung
JavaScript terkenal untuk pengembangan halaman web tetapi juga digunakan di berbagai lingkungan non-browser. Anda dapat mempelajari JavaScript dari awal dengan mengikuti Tutorial JavaScript dan Contoh JavaScript ini |