Metode NodeList HTML DOM item()

Definisi dan penggunaan

item() Method ini mengembalikan nod di indeks yang ditentukan di NodeList.

Ada dua cara untuk mengakses nod di indeks yang ditentukan:

list.item(index)

atau

list[index]

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

Contoh

Contoh 1

Mendapatkan anak-nod elemen <body>:

const nodeList = document.body.childNodes;

Coba sendiri

Contoh 2

Mendapatkan nama nod pertama anak:

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

Coba sendiri

Contoh 3

Hasil contoh ini adalah sama:

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

Coba sendiri

Contoh 4

Mendapatkan kandungan HTML elemen <p> pertama dalam dokumen:

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

Coba sendiri

Contoh 5

Ambil kandungan 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 kandungan 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 noda dalam daftar (index).

Noda diurutkan menurut urutan munculnya di dokumen.

Indeks dimulai dari 0.

Kembalian

Jenis Deskripsi
Objek Noda di tempat indeks yang ditentukan.
null Jika indeks melebihi kisaran.

Dukungan pemeriksaan

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

Semua pemeriksaan modern mendukungnya:

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

Halaman yang berhubungan

Atribut length

Cara penggunaan entries()

Cara penggunaan forEach()

Cara penggunaan keys()

Cara penggunaan values()

Objek NodeList

Cara penggunaan childNodes()

Cara penggunaan querySelectorAll()

Cara penggunaan getElementsByName()