Metode getElementsByTagName() DOM HTML
Definisi dan Penggunaan
Metode getElementsByTagName() dapat kembalikan koleksi objek dengan nama tag yang ditentukan.
Sintaks
document.getElementsByTagName(tagname)
Pengertian
Urutan elemen yang kembalikan oleh metode getElementsByTagName() adalah urutan mereka di dokumen.
Jika string khusus "*" dikirim ke metode getElementsByTagName(), dia akan kembalikan daftar semua elemen dalam dokumen, urutan elemen adalah urutan mereka di dokumen.
Petunjuk dan Keterangan
Keterangan:String yang diberikan ke metode getElementsByTagName() dapat diabaikan besar kecilnya.
Contoh
Contoh 1
<html>
<head>
<script type="text/javascript">
function getElements()
{
var x=document.getElementsByTagName("input");
alert(x.length);
}
</script>
</head>
<body>
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()"
value="Berapa banyak elemen input?" />
</body>
</html>
Contoh 2
Dapat menggunakan metode getElementsByTagName() untuk mendapatkan daftar elemen HTML manapun. Contohnya, kode di bawah ini dapat mengambil semua tabel dalam dokumen:
var tables = document.getElementsByTagName("table");
alert("This document contains " + tables.length + " tables");
Contoh 3
Jika Anda sangat mengenal struktur dokumen, Anda juga dapat menggunakan metode getElementsByTagName() untuk mendapatkan elemen tertentu dalam dokumen. Contohnya, kode di bawah ini dapat memperoleh paragraf keempat dalam dokumen:
var myParagragh = document.getElementsByTagName("p")[3];
Namun, kami tetap berpikir bahwa, jika Anda perlu mengoperasikan elemen tertentu, penggunaan metode getElementById() akan lebih efektif.
