Phương thức item() của HTMLCollection

Định nghĩa và cách sử dụng

item() Phương thức trả về phần tử ở chỉ số xác định trong HTMLCollection.

Các phần tử được sắp xếp theo vị trí xuất hiện trong mã nguồn, chỉ số bắt đầu từ 0.

Cũng có thể sử dụng phương thức viết tắt và sẽ có kết quả tương tự:

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

Mô hình

Ví dụ 1

Lấy nội dung HTML của phần tử <p> đầu tiên trong tài liệu này:

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

Thử trực tiếp

Cú pháp

HTMLCollection.item(index)

hoặc:

HTMLCollection[index]

Giá trị tham số

Tham số Loại Mô tả
index Số

Bắt buộc. Chỉ số của phần tử cần trả về.

Ghi chú:Chỉ số bắt đầu từ 0.

Giá trị trả về

Đối tượng Element، để chỉ định phần tử ở chỉ số này.

Nếu chỉ số vượt quá范围, thì trả về null.

Hỗ trợ trình duyệt

Phương thức Chrome IE Firefox Safari Opera
item() Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Các ví dụ khác

Ví dụ 2

Thay đổi nội dung HTML của phần tử <p> đầu tiên:

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

Thử trực tiếp

Ví dụ 3

Lặp qua tất cả các phần tử có class="myclass" và thay đổi màu nền của chúng:

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

Thử trực tiếp

Ví dụ 4

Lấy nội dung HTML của phần tử <p> đầu tiên trong phần tử <div>:

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

Thử trực tiếp

Trang liên quan

HTMLCollection:Thuộc tính length

HTML yếu tố:Phương thức getElementsByClassName()

HTML yếu tố:Phương thức getElementsByTagName()