Mendapatkan Nama Tag HTML Menggunakan getElementsByTagName DOM
 |
| Ilustrasi getElementsByTagName DOM HTML |
var elements = document.getElementsByTagName(name);
Elemen adalah sebuah koleksi dari semua elemen yang ditemukan pada urutan yang muncul yang diberikan nama tag. Name adalah sebuah string yang merepresentasikan nama dari sebuah elemen, sedangkan string spesial "*" merepresentasikan semua elemen.
<!DOCTYPE html>
<html>
<head>
<title>
Method getElementsByTagName() DOM
</title>
</head>
<body style = "text-align: center">
<h1 style = "color: green;">
Blog Elfan
</h1>
<h2 >
getElementsByTagName() DOM
</h2>
<p>
Portal Ilmu Komputer
</p>
<button onclick="bon()">
Try it
</button>
<script>
function bon()
{
var doc = document.getElementsByTagName("p");
doc[0].style.background = "green";
doc[0].style.color = "white";
}
</script>
</body>
</html>
Blog Elfan
getElementsByTagName() DOM
Portal Ilmu Komputer
<!DOCTYPE html>
<html>
<head>
<title>
Method getElementsByTagName() DOM
</title>
</head>
<body style = "text-align: center">
<h2 style = "color: green;">
getElementsByTagName() DOM
</h2>
<p>
Paragraf Pertama.
</p>
<p>
Paragraf Kedua.
</p>
<p>
Paragraf Ketiga.
</p>
<button onclick="bon()">
Try it
</button>
<script>
function bon()
{
var doc = document.getElementsByTagName("P");
var i;
for (i = 0; i < doc.length; i++)
{
doc[i].style.backgroundColor = "green";
doc[i].style.color = "white";
}
}
</script>
</body>
</html>
getElementsByTagName() DOM
Paragraf Pertama.
Paragraf Kedua.
Paragraf Ketiga.
- 2 Contoh Penggunaan Method importNode() DOM pada HTML [klik]
- Cara Penggunaan Properti inputEncoding DOM pada HTML [klik]
- Cara Penggunaan Properti lastModified DOM pada HTML [klik]
- 3 Contoh Penggunaan Link Collection pada DOM HTML [klik]
- Cara Penggunaan Method normalize() DOM pada HTML [klik]
- Cara Penggunaan Method normalizeDocument() DOM pada HTML [klik]
- 2 Contoh Penggunaan Method open() pada DOM HTML [klik]
Jenis Browser apa saja yang dapat digunakan untuk mengaktifkan method getElementsByTagName() DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan method getElementsByTagName() DOM pada HTML:
Hapus1. Google Chrome 1.0
2. Internet Explorer 6.0
3. Firefox 3.0
4. Opera 9.5
5. Safari 3.0
Apa yang dimaksud dengan method getElementsByTagName() DOM pada HTML?
BalasHapusMethod getElementsByTagName() berfungsi untuk mengembalikan kumpulan dari semua elemen dalam dokumen dengan tag name yang telah ditentukan sebelumnya, sebagai object HTMLCollection. Object HTMLCollection mewakili kumpulan dari berbagai node yang dapat diakses dengan nomor indeks yang dimulai dari angka 0.
Hapusmethod getElementsByTagName() berfungsi untuk mengembalikan HTMLCollection secara langsung dari elemen dengan tag name yang telah diberikan. Semua turunan dari elemen yang ditentukan dicari, namun bukan dari elemen itu sendiri. Daftar yang dikembalikan adalah daftar yang aktif yang dapat memperbarui dirinya sendiri dengan DOM tree secara otomatis.
Hapus