Metode item() dalam HTMLCollection

Definisi dan penggunaan

item() Metode mengembalikan elemen di indeks yang ditentukan dalam HTMLCollection.

Elemen diurutkan menurut posisi mereka di kode asal, indeks dimulai dari 0.

Juga dapat digunakan metode singkat dan akan menghasilkan hasil yang sama:

var x = document.getElementsByTagName("P")[0];

Contoh

Contoh 1

Ambil konten HTML elemen <p> pertama dalam dokumen ini:

function myFunction() {
  var x = document.getElementsByTagName("P").item(0);
  alert(x.innerHTML);
}

Coba sendiri

Sintaks

HTMLCollection.item(index)

atau：

HTMLCollection[index]

Nilai parameter

Parameter Tipe Deskripsi
index Number

Diperlukan. Nomor indeks elemen yang akan diambil kembali.

Komentar：Indeks dimulai dari 0.

Nilai kembalian

Objek Elementmenunjukkan elemen di indeks yang ditentukan.

Jika nomor indeks melebihi rentang, kembalikan null.

Dukungan browser

Metode Chrome IE Firefox Safari Opera
item() Dukungan Dukungan Dukungan Dukungan Dukungan

Beberapa contoh lain

Contoh 2

Ubah konten HTML elemen <p> pertama:

document.getElementsByTagName("P").item(0).innerHTML = "Paragraph changed";

Coba sendiri

Contoh 3

Lulusi semua elemen dengan class="myclass" dan ganti warna latar belakang mereka:

var x = document.getElementsByClassName("myclass");
for (i = 0; i < x.length; i++) {
  x.item(i).style.backgroundColor = "red";
}

Coba sendiri

Contoh 4

Ambil konten HTML elemen <p> pertama dalam elemen <div>:

var div = document.getElementById("myDIV");
var x = div.getElementsByTagName("P").item(0).innerHTML;

Coba sendiri

Halaman yang berhubungan

HTMLCollection：Atribut length

Elemen HTML:Metode getElementsByClassName()

Elemen HTML:Metode getElementsByTagName()