Item DOM HTML () Metode
Contoh
Dapatkan konten HTML dari elemen <p> pertama (indeks 0) di dalam dokumen:
var nodelist = document.getElementsByTagName("P").item(0).innerHTML;
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Metode item() mengembalikan sebuah node pada indeks yang ditentukan dalam objek NodeList.
Node diurutkan seperti yang muncul dalam kode sumber, dan indeks dimulai dari 0.
Kumpulan node anak dari objek Node adalah contoh dari objek NodeList.
Catatan: Ada dua cara untuk mengakses node pada indeks yang ditentukan dalam daftar node:
Sintaks ini:
document.body.childNodes.item(0); // The first child node of <body>
Akan menghasilkan hasil yang sama dengan sintaks ini:
document.body.childNodes[0]; // The first child node of <body>
Anda dapat menggunakan metode apa pun yang Anda suka, namun metode yang paling umum adalah [ index ].
Tip: Gunakan properti length untuk mengembalikan jumlah node dalam objek NodeList.
Dukungan Peramban
Method | |||||
---|---|---|---|---|---|
item() | Yes | Yes | Yes | Yes | Yes |
Sintaksis
nodelist.item(index)
or simply:
nodelist[index]
Nilai Parameter
Parameter | Type | Description |
---|---|---|
index | Number | Required. The index of the node you want to return, in the node list. Note: The index starts at 0 |
Detail Teknis
Nilai Kembali: | Objek Node, mewakili node pada indeks yang ditentukan. Catatan: Mengembalikan null jika nomor indeks di luar jangkauan |
---|---|
Versi DOM | Objek Nodelist Level 1 Inti |
Lebih Banyak Contoh
Contoh
Dapatkan konten HTML dari elemen <p> pertama (indeks 0) di dalam elemen <div>:
var div = document.getElementById("myDIV");
var nodelist = div.getElementsByTagName("P")[0].innerHTML;
Contoh
Ubah konten HTML elemen <p> pertama (indeks 0) di dalam elemen <div>:
var div = document.getElementById("myDIV");
div.getElementsByTagName("P")[0].innerHTML = "Paragraph changed";
Contoh
Ulangi semua elemen dengan class="child" dalam elemen <div>, dan ubah warna latar belakangnya:
var div = document.getElementById("myDIV");
var nodelist = div.getElementsByClassName("child");
var i;
for (i = 0; i < nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
}
Halaman Terkait
Referensi DOM HTML: nodelist .length Property
Referensi DOM HTML: elemen .childNodes Property
Referensi DOM HTML: elemen .getElementsByClassName() Metode
Referensi DOM HTML: elemen .getElementsByTagName() Metode
Referensi DOM HTML: elemen .querySelectorAll() Metode
Referensi DOM HTML: Metode document.getElementsByClassName()
Referensi HTML DOM: document.getElementsByName() Metode
Referensi DOM HTML: Metode document.getElementsByTagName()
Referensi DOM HTML: Metode document.querySelectorAll()