Mục danh sách nút HTML DOM ()
❮ Đối tượng NodeListVí dụ
Lấy các nút con của phần tử <body>:
const nodeList = document.body.childNodes;
Hãy tự mình thử »Lấy tên nút của nút con đầu tiên:
const list = document.body.childNodes;
let name = list.item(0).nodeName;
Hãy tự mình thử »Điều này tạo ra kết quả tương tự:
const list = document.body.childNodes;
let name = list[0].nodeName;
Hãy tự mình thử »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;
Hãy tự mình thử »Thêm ví dụ dưới đây.
Sự miêu tả
Phương thức item()
trả về nút tại một chỉ mục được chỉ định trong NodeList .
Có hai cách để truy cập một nút tại một chỉ mục được chỉ định:
list.item(index)
hoặc
list[index]
Phương pháp dễ nhất và phổ biến nhất là [index].
Xem thêm:
Cú pháp
nodelist .item( index )
hoặc đơn giản:
nodelist [ index ]
Thông số
Parameter | Description |
index | Required. The index of the node in the list. The nodes are sorted as they appear in the document. The index starts at 0. |
Giá trị trả về
Kiểu | Sự miêu tả |
Sự vật | Nút tại chỉ mục được chỉ định.null nếu chỉ mục nằm ngoài phạm vi. |
Thêm ví dụ
Ví dụ
Lấy nội dung HTML của phần tử <p> đầu tiên bên trong "myDIV":
const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML;
Hãy tự mình thử »Ví dụ
Thay đổi nội dung HTML của phần tử <p> đầu tiên bên trong "myDIV":
const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML = "Paragraph changed";
Hãy tự mình thử »Ví dụ
Thay đổi màu của tất cả các phần tử bằng class="child":
const list = document.querySelectorAll(".child");
for (let i = 0; i < list.length; i++) {
list[i].style.color = "red";
}
Hãy tự mình thử »Hỗ trợ trình duyệt
nodelist.item()
là tính năng DOM Cấp 1 (1998).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 9-11 |
❮ Đối tượng NodeList