Categories: Artikel HTML DOM

Mendapatkan Elemen Berdasar Id Unik

Satu kemampuan DOM yang paling penting dari semuanya, kemampuannya dalam menemukan elemen berdasar ID-nya. Cara ini, anda bisa gunakan getElementById().

Sebagai contoh kalau aku memiliki isyarat HTML menyerupai ini:

Dengan cepat aku bisa mendapat kembali contoh kepada IMG dari dalam dokumen hanya dengan menuliskan:

var imgRef=document.getElementById("myImg");

Contoh lagi:

Jika aku memiliki isyarat HTML menyerupai ini:

<p id="myp">Lorem ipsum.</p>

Dan aku ingin memanipulasi teksnya dikala tombol diklik. Mungkin kodenya menyerupai berikut:

ID yakni case-sensitive. Metode ini akan mengembalikan null kalau elemen yang ingin didapatkan tidak ditemukan.

Contoh berikut secara dinamis menulis <h1>Halo Dunia</h1> untuk DIV memakai innerHTML:

<div id="divID"></div> <script> var divRef = document.getElementById("divID"); divRef.innerHTML = "<H1>Halo Dunia</H1>"; </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