Thursday, August 23, 2012

getElementsByTagName()

Metode Document.getElementsByTagName() (Core Level 1) mendapatkan semua elemen di dalam dokumen ini berdasarkan tagName yang ditetapkan.

Sintaks:

document.getElementsByTagName(tagName)

Parameter tagName adalah DOMString yang berisi nama tag dari elemen yang ingin dikembalikan.

Metode Document.getElementsByTagName() di dukung oleh mayoritas browser: IE, Opera, Firefox, Google Chrome, dan Safari.

Semua elemen yang telah didapatkan disimpan dalam NodeList yang berisi semua elemen di dalam dokumen berdasarkan tagName yang ditetapkan.

Contoh di bawah ini mengembalikan nilai Text node dari setiap elemen LI:

<P>Daftar murid:</P> <UL> <LI>Tono</LI> <LI>Tini</LI> <LI>Tina</LI> </UL> <SCRIPT TYPE="text/javascript"> var items = document.getElementsByTagName("li"); for (i = 0; i < items.length; i++) { alert(items[i].textContent); } </SCRIPT>