Mendapatkan Elemen Berdasar Nama Tag

Friday, August 30th, 2019 - Artikel HTML DOM

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.

Mendapatkan Elemen Berdasar Nama Tag | Ahmad Code | 4.5

Html Dom Pendahuluan

Apa itu DOM? Document Object Model (DOM) ialah suatu platform and language-neutral interface yang memperbolehkan jadwal dan script secara dinamis...
Cara Mengakses Node

Node yang dikenal ELEMENT_NODE, ATTRIBUTE_NODE, TEXT_NODE, ENTITY_REFERENCE_NODE, ENTITY_NODE, DOCUMENT_NODE, DOCUMENT_TYPE_NODE, DOCUMENT_FRAGMENT_NODE, NOTATION_NODE, CDATA_SECTION_NODE, PROCESSING_INSTRUCTION_NODE, dan COMMENT_NODE. Dari sekian banyak itu,...
Properti Penyimpan Info Node

Ada banyak properti DOM yang dapat dipakai untuk mengakses suatu node, sesudah itu memanipulasinya dengan JavaScript, contohnya properti itu: nodeName...
Innerhtml

innerHTML dapat dipakai untuk menetapkan atau mengembalikan teks dari suatu elemen. innerHTML bukanlah bab spesifikasi W3C DOM, tetapi properti ini...
Membuat Elemen Gres Dengan Dom

Anda dapat memakai beberapa metode dari DOM untuk membuat elemen, atribut, atau teks. Mereka adalah: createElement() setAttribute() createTextNode() appendChild() Berikut...