Metode HTML DOM getElementById()
Definisi dan penggunaan
Metode getElementById() dapat mengembalikan referensi kepada objek pertama yang memiliki ID yang ditentukan.
Sintaksis
document.getElementById(id)
Pengeluaran
HTML DOM mendefinisikan berbagai metode untuk mencari elemen, selain getElementById(), ada juga getElementsByName() dan getElementsByTagName().
walau begitu, jika Anda perlu mencari elemen spesifik dalam dokumen, cara yang paling efektif adalah menggunakan getElementById().
Sesuatu yang baik dalam mengoperasikan elemen spesifik dokumen adalah memberikan id atribut, untuk menspesifikasikan nama unik (dalam dokumen) dan kemudian dapat mencari elemen yang diinginkan dengan ID itu.
Contoh
Contoh 1
<html>
<head>
<script type="text/javascript">
fungsi getValue()
{
var x=document.getElementById("myHeader")
alert(x.innerHTML)
}
</script>
</head>
</body>
<h1 id="myHeader" onclick="getValue()">Ini adalah pengepala</h1>
<p>Klik di atas pengepala untuk alert nilai nya</p>
</body>
</html>
Contoh 2
getElementById() adalah metode penting, penggunaannya sangat umum dalam rancangan DOM. Kami telah mensyaratkan fungsi alat, supaya anda dapat menggunakan metode getElementById() dengan nama pendek:
fungsi id(x) {
jika (jenis x == "string") kembalikan document.getElementById(x);
kembalikan x;
}
Fungsi di atas menerima ID elemen sebagai parameter mereka. Untuk setiap parameter seperti ini, anda hanya perlu menulis x = id(x) sebelum penggunaannya.
