Categories: Artikel HTML DOM

Mendapatkan Elemen Berdasar Nama Tag

Kemampuan DOM yang tidak kalah penting yakni bisa mendapat koleksi dari elemen berdasar nama tagnya, selain berdasar ID-nya, atau namanya.

Untuk mendapat koleksi elemen berdasar nama tagnya, gunakan getElementsByTagName() DOM Document. Metode getElementsByTagName() memiliki single argumen, di mana argumen itu berisi nama tag dari elemen yang ingin didapatkan.

Sebagai contoh, untuk mendapat koleksi dari semua tag <div> di dalam halaman, gunakan bentuk berikut:

document.getElementsByTagName("div");

Sama menyerupai getElementsByName(), getElementsByTagName() akan mengembalikannya sebagai NodeList collection. Jika tidak ada node ditemukan berdasar nama tag yang ditetapkan, NodeList collection berisi zero-element.

Anda juga sanggup memakai getElementsByTagName() DOM Element untuk mendapat node yang berada di dalam node lainnya – subnode.

Sebagai contoh, umpamakan aku telah memiliki contoh kepada <tabel> node. Setelah aku memiliki contoh itu, aku gres bisa mendapat koleksi semua cell di dalam tabel itu:

var cellCollection=tableObj.getElementsByTagName("td");

Untuk browser moderen dan termasuk IE6+, anda sanggup gunakan simbol * untuk mendapat koleksi elemen pada bab tertentu di dalam dokumen.

Sebagai contoh, umpamakan ingin mendapat semua elemen di dalam elemen TABLE:

var elementCollection=tableObj.getElementsByTagName("*");

Sebagai contoh:

<table id=’x’> <tr> <th></th> <th></th> </tr> <tr> <td></td> <td></td> </tr> </table> <script> var tableObj = document.getElementById("x"); var elementCollection = tableObj.getElementsByTagName("*"); for(var i = 0; i < elementCollection.length; i++){ document.write(elementCollection[i].tagName+"<br>"); } </script>

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Ahmad Code