Pada kesempatan kali ini saya akan menjelaskan cara menggunakan method javascript html dom getElementsByTagName(). Perlu teman-teman ketahui sebelumnya, getElementsByTagName() adalah salah satu method JavaScript yang bisa dimanfaatkan untuk menentukan suatu element html yang mengacu dengan nama dari tag element html tersebut. Namun dari method tersebut sedikit berbeda cara penggunaannya jika dibandingkan dengan method yang mengacu kepada attribute id html. Method getElementsByTagName() dapat digunakan dan wajib mendefinisikan NodeList yang dimana dari NodeList tersebut dapat kalian analogikan sama seperti index array dimana untuk menentukannya dimulai dari 0 dan penggunaan untuk NodeList tersebut harus disertai dengan operator [] yang didalamnya adalah nilai NodeList atau index dari tag element html tersebut. Seperti contoh pada struktur kode html dibawah ini

Dari struktur kode html tersebut kalian bisa lihat note yang saya buat dimasing-masing list tersebut dimana saya buat keterangan dengan comment berikut dengan urutan NodeList dari masing-masing list. Dan untuk contoh penerapan method tersebut kalian bisa buat kode JavaScript seperti dibawah ini

Dari kode JavaScript tersebut outputnya akan menghasilkan event dinamyc untuk masing-masing list tersebut yang mengacu kepada tag element html dengan menggunakan method getElementsByTagName().

Sampai disini penjelasan saya mengenai cara menggunakan method javascript html dom getElementsByTagName(), semoga bermanfaat.

WhatsApp chat