Download Source Code Aplikasi

Mendapatkan Elemen Berdasar Id Unik

Friday, August 30th, 2019 - Artikel HTML DOM

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:

<img src="image.gif" id="myImg">

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:

<button onclick="document.getElementById(‘myp’).style.color = ‘red’;";>Klik</button>

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.
Download Source Code Aplikasi
Mendapatkan Elemen Berdasar Id Unik | Ahmad Code | 4.5