Phương thức HTML DOM NodeList item()

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

item() Phương pháp trả về phần tử tại vị trí chỉ định trong NodeList.

Có hai cách để truy cập vào phần tử tại vị trí chỉ định:

list.item(Chỉ số)

hoặc

list[Chỉ số]

Cách đơn giản và phổ biến nhất là [Chỉ số]。

Mẫu

Ví dụ 1

Lấy các phần tử con của phần tử <body>:

const nodeList = document.body.childNodes;

Thử trực tiếp

Ví dụ 2

Lấy tên của phần tử con đầu tiên:

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

Thử trực tiếp

Ví dụ 3

Kết quả của ví dụ này là giống nhau:

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

Thử trực tiếp

Ví dụ 4

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

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

Thử trực tiếp

Ví dụ 5

Lấy nội dung HTML của yếu tố <p> đầu tiên trong "myDIV":

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

Thử trực tiếp

Ví dụ 6

Thay đổi nội dung HTML của yếu tố <p> đầu tiên trong "myDIV":

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

Thử trực tiếp

Ví dụ 7

Thay đổi màu sắc của tất cả các yếu tố có class="child":

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

Thử trực tiếp

Cú pháp

nodelist.item(Chỉ số)

hoặc viết tắt thành:

nodelist[Chỉ số]

参 数

参 数 Mô tả
Chỉ số

Bắt buộc. Chỉ số của nút trong danh sách (dấu ngoặc đơn dưới).

Nút được sắp xếp theo thứ tự xuất hiện trong tài liệu.

Chỉ số bắt đầu từ 0.

Trả về giá trị

Loại Mô tả
Đối tượng Nút tại chỉ số xác định.
null Nếu chỉ số vượt quá范围.

Hỗ trợ trình duyệt

nodelist.item() là đặc tính DOM Level 1 (1998).

Tất cả các trình duyệt hiện đại đều hỗ trợ nó:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Hỗ trợ 9-11 Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Trang liên quan

Thuộc tính length

Phương thức entries()

Phương thức forEach()

Phương thức keys()

Phương thức values()

Đối tượng NodeList

Phương thức childNodes()

Phương thức querySelectorAll()

Phương thức getElementsByName()