Satu kemampuan DOM yang paling penting dari semuanya, kemampuannya dalam menemukan elemen berdasar ID-nya. Cara ini, anda bisa gunakan getElementById().
Sebagai contoh jika saya mempunyai kode HTML seperti ini:
<img src="image.gif" id="myImg">
Dengan cepat saya bisa mendapatkan kembali acuan kepada IMG dari dalam dokumen hanya dengan menuliskan:
var imgRef=document.getElementById("myImg");
Contoh lagi:
Jika saya mempunyai kode HTML seperti ini:
<p id="myp">Lorem ipsum.</p>
Dan saya ingin memanipulasi teksnya ketika tombol diklik. Mungkin kodenya seperti berikut:
<button onclick="document.getElementById('myp').style.color = 'red';";>Klik</button>
ID adalah case-sensitive. Metode ini akan mengembalikan null jika elemen yang ingin didapatkan tidak ditemukan.
Contoh berikut secara dinamis menulis <h1>Halo Dunia</h1> untuk DIV menggunakan innerHTML:
<div id="divID"></div>
<script>
var divRef = document.getElementById("divID");
divRef.innerHTML = "<H1>Halo Dunia</H1>";
</script>
