HTML DOM item() Method

<Elemen Object

Contoh

Dapatkan konten HTML yang pertama <p> elemen (index 0) dalam dokumen:

var nodelist = document.getElementsByTagName("P").item(0).innerHTML;

Hasil NodeList akan:

The first p element in the document.

Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

The item() metode mengembalikan sebuah simpul pada indeks tertentu dalam sebuah objek NodeList.

Node diurutkan seperti yang muncul dalam kode sumber, dan indeks dimulai dari 0.

Koleksi A Node objek dari node anak adalah contoh dari objek NodeList.

Catatan: Ada dua cara untuk mengakses node pada indeks tertentu dalam daftar node:

sintaks ini:

document.body.childNodes.item(0); // The first child node of <body> Try it

Akan menghasilkan hasil yang sama seperti sintaks ini:

document.body.childNodes[0]; // The first child node of <body> Try it

Anda dapat menggunakan metode apapun yang Anda suka, namun, metode yang paling umum adalah [index].

Tip: Gunakan panjang properti untuk mengembalikan jumlah node dalam sebuah objek NodeList.

Dukungan Browser

metode
item()	iya nih	iya nih	iya nih	iya nih	iya nih

Sintaksis

Nilai parameter

Parameter	Mengetik	Deskripsi
index	Number	Wajib. Indeks node Anda ingin kembali, dalam daftar node. Catatan: Indeks dimulai dari 0

Rincian teknis

Kembali Nilai:	Sebuah objek Node, mewakili node pada indeks tertentu. Catatan: Mengembalikan null jika jumlah indeks berada di luar jangkauan
DOM Versi	Inti Level 1 nodeList Obyek

Contoh lebih

Contoh

Dapatkan konten HTML yang pertama <p> elemen (index 0) di dalam <div> elemen:

var div = document.getElementById("myDIV");
var nodelist = div.getElementsByTagName("P")[0].innerHTML;

Hasil NodeList akan:

First p element in div.

Cobalah sendiri "

Contoh

Mengubah isi HTML yang pertama <p> elemen (index 0) di dalam <div> elemen:

var div = document.getElementById("myDIV");
div.getElementsByTagName("P")[0].innerHTML = "Paragraph changed";

Cobalah sendiri "

Contoh

Loop melalui semua elemen dengan class = "anak" dalam <div> elemen, dan mengubah warna latar belakang mereka:

var div = document.getElementById("myDIV");
var nodelist = div.getElementsByClassName("child");

var i;
for (i = 0; i < nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
}

Cobalah sendiri "