Metode HTML DOM NodeList item()

Definisi dan penggunaan

item() Metode ini mengembalikan node di indeks yang ditentukan di NodeList.

Ada dua metode untuk mengakses node di indeks yang ditentukan:

list.item(index)

atau

list[index]

Metode paling sederhana dan paling sering digunakan adalah [index]。

Contoh

Contoh 1

Mengambil node anak elemen <body>:

const nodeList = document.body.childNodes;

Coba Sendiri

Contoh 2

Mengambil nama node pertama anak:

const list = document.body.childNodes;
let name = list.item(0).nodeName;

Coba Sendiri

Contoh 3

Hasil contoh ini sama dengan:

const list = document.body.childNodes;
let name = list[0].nodeName;

Coba Sendiri

Contoh 4

Mengambil konten HTML elemen <p> pertama di dokumen:

const list = document.getElementsByTagName("p");
let text = list.item(0).innerHTML;

Coba Sendiri

Contoh 5

Ambil konten HTML elemen <p> pertama di "myDIV":

const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML;

Coba Sendiri

Contoh 6

Ubah konten HTML elemen <p> pertama di "myDIV":

const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML = "Paragraph changed";

Coba Sendiri

Contoh 7

Ubah warna semua elemen dengan class="child":

const list = document.querySelectorAll(".child");
for (let i = 0; i < list.length; i++) {
  list[i].style.color = "red";
}

Coba Sendiri

Sintaks

nodelist.item(index)

atau disingkat menjadi:

nodelist[index]

Parameter

Parameter Deskripsi
index

Diperlukan. Indeks node dalam daftar (indeks bawah).

Node diurutkan berdasarkan urutan munculnya di dokumen.

Indeks dimulai dari 0.

Nilai Kembalian

Tipe Deskripsi
Objek Node di indeks yang ditentukan.
null Jika indeks melebihi rentang.

Dukungan Browser

nodelist.item() adalah fitur DOM Level 1 (1998).

Semua browser modern mendukungnya:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Dukungan 9-11 Dukungan Dukungan Dukungan Dukungan

Halaman yang Berhubungan

Properti length

Metode entries()

Metode forEach()

Metode keys()

Metode values()

Objek NodeList

Metode childNodes()

Metode querySelectorAll()

Metode getElementsByName()