Metode HTML DOM getElementById()
Definisi dan penggunaan
Metode getElementById() dapat mengembalikan referensi ke objek pertama yang memiliki ID yang ditentukan.
Sintaks
document.getElementById(id)
Keterangan
HTML DOM mendefinisikan berbagai metode untuk mencari elemen, selain getElementById(), ada juga getElementsByName() dan getElementsByTagName().
Namun, jika Anda perlu mencari elemen khusus dalam dokumen, cara yang paling efektif adalah menggunakan getElementById().
Pada saat mengoperasikan elemen khusus dalam dokumen, baik untuk memberikan elemen itu atribut id, untuk menetapkan nama yang unik (dalam dokumen), lalu dapat mencari elemen yang diinginkan dengan ID tersebut.
Contoh
Contoh 1
<html>
<head>
<script type="text/javascript">
function getValue()
{
var x=document.getElementById("myHeader")
alert(x.innerHTML)
}
</script>
</head>
</body>
<h1 id="myHeader" onclick="getValue()">Ini adalah judul</h1>
<p>Klik di judul untuk alert nilai nya</p>
</body>
</html>
Contoh 2
getElementById() adalah metode penting yang sering digunakan dalam desain DOM, kami mendefinisikan fungsi alat untuk dapat menggunakan metode getElementById() dengan nama yang singkat:
function id(x) {
if (typeof x == "string") return document.getElementById(x);
return x;
}
Fungsi di atas menerima ID elemen sebagai parameter mereka. Untuk setiap parameter seperti itu, Anda hanya perlu menulis x = id(x) sebelum penggunaannya.
