Mendapatkan Elemen Konten HTML Menggunakan Method Item DOM
Method item() DOM pada HTML digunakan untuk mengembalikan konten dari elemen pada saat indeks diberikan dari daftar koleksi dari semua elemen HTML, yang dimulak dari nol (0). Elemen pada koleksi selanjutnya diurutkan sesuai dengan permintaan kemunculannya pada sourcecode program.
Sintak:
Parameter: mengandung sebuah angka yang merepresentasikan indeks dari elemen yang diinginkan oleh user untuk dikembalikan nilanya, yang dimulai dari angka 0.
Contoh:
Contoh: perubahan konten dari elemen HTML.
 |
| Ilustrasi Item DOM HTML |
Sebelum memahami lebih dalam materi tentang Mendapatkan Elemen Konten HTML Menggunakan Method Item DOM, terlebih dahulu pelajari materi tentang: Mengetahui Panjang History HTML Menggunakan History.length DOM [klik], Melakukan Loading URL Spesifik HTML Menggunakan History.go DOM [klik], dan Membaca Daftar History HTML Menggunakan History.forward DOM [klik].
- HTMLCollection.item(index)
- HTMLCollection[index]
Parameter: mengandung sebuah angka yang merepresentasikan indeks dari elemen yang diinginkan oleh user untuk dikembalikan nilanya, yang dimulai dari angka 0.
Baca Juga:
Contoh:
<!DOCTYPE html>
<html>
<head>
<style>
h1
{
color: green;
}
</style>
</head>
<body>
<center>
<h1>
Blog Elfan
</h1>
<h2>
Method item() HTMLCollection
</h2>
<button
onclick="Bonns()">
Submit
</button>
<script>
function Bonns()
{
var w = document.getElementsByTagName("h1");
alert(w.item(0).innerHTML);
}
</script>
</body>
</center>
</html>
Output:
Blog Elfan
Method item() HTMLCollection
Contoh: perubahan konten dari elemen HTML.
<!DOCTYPE html>
<html>
<head>
<style>
h1
{
color: green;
}
</style>
</head>
<body>
<center>
<h1>
Blog Elfan
</h1>
<h2>
Method item() HTMLCollection
</h2>
<p>
Blog TIK
</p>
<button
onclick="Bonns()">
Submit
</button>
<script>
function Bonns()
{
document.getElementsByTagName("P")[0].innerHTML =
"BonnsForBonns";
}
</script>
</center>
</body>
</html>
Output:
Blog Elfan
Method item() HTMLCollection
Blog TIK
Referensi Tambahan:
- 2 Sintak Penggunaan Properti Lokasi Hostname DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti Lokasi href DOM pada HTML [klik]
- Cara Penggunaan Properti Location Origin DOM pada HTML [klik]
- Cara Penggunaan Properti Lokasi Pathname DOM pada HTML [klik]
- 2 Sintak pada Properti Lokasi Port DOM pada HTML [klik]
- 2 Sintak Penggunaan Properti Location Protocol DOM pada HTML [klik]
- 2 Sintak Properti Location Search DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Nur Azizah Rahayu, Nur Hidayat Jati, Nur Shofiyatun, Nuraeni Setya Ningrum, dan Nurrachmad Firman Adhi Susilo.
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method item() DOM pada HTMLCollection?
BalasHapusBerikut adalah beberapa jenis browser populer yang sering digunakan untuk mengaktifkan method item() DOM pada HTMLCollection:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa yang dimaksud dengan method item() DOM pada HTML?
BalasHapusMethod item() DOM pada HTML berfungsi untuk mengembalikan nilai node pada indeks yang telah ditentukan dalam object NodeList. Node tersebut kemudian diurutkan seperti yang muncul dalam kode sumber, dan indeks yang dimulai dari angka 0. Kumpulan node child dari object Node adalah contoh object NodeList.
HapusApa fungsi method item() DOM pada HTML?
BalasHapusMethod item() digunakan untuk mengembalikan nilai atribut berdasarkan nilai indeks dari NamedNodeMap.
HapusCatatan: nilai node diurutkan seperti yang muncul dalam kode sumber program.