Mục Bộ sưu tập HTML()
Ví dụ
Lấy nội dung HTML của phần tử <p> đầu tiên:
const collection = document.getElementsByTagName("p").item(0);
let text = collection.innerHTML;
Hãy tự mình thử »Tốc ký này tạo ra kết quả tương tự:
const collection = document.getElementsByTagName("p")[0];
let text = collection.innerHTML;
Hãy tự mình thử »Thay đổi nội dung HTML của phần tử <p> đầu tiên:
document.getElementsByTagName("p")[0].innerHTML = "Paragraph changed";
Hãy tự mình thử »Thêm ví dụ dưới đây.
Sự miêu tả
Phương thức item()
trả về phần tử tại một chỉ mục được chỉ định trong HTMLCollection .
Bộ sưu tập HTML
HTMLCollection là một tập hợp (danh sách) các phần tử HTML giống như mảng.
Thuộc tính length trả về số phần tử trong bộ sưu tập.
Các phần tử có thể được truy cập theo chỉ mục (bắt đầu từ 0).
Một HTMLCollection đang hoạt động. Nó được tự động cập nhật khi tài liệu được thay đổi.
Xem thêm
Cú pháp
HTMLCollection .item( index )
hoặc
HTMLCollection [ index ]
Thông số
Parameter | Description |
index | Required. The index of the element to return. The index starts at 0. |
Giá trị trả về
Type | Description |
Element | The element at the specified index.null if the index is out of range. |
Thêm ví dụ
Ví dụ
Lặp lại tất cả các phần tử bằng class="myclass" và thay đổi kích thước phông chữ của chúng:
const collection = document.getElementsByClassName("myclass");
for (let i = 0; i < collection.length; i++) {
collection.item(i).style.fontSize ="24px";
}
Hãy tự mình thử »Ví dụ
Lấy nội dung của phần tử <p> thứ hai bên trong "myDIV":
const div = document.getElementById("myDIV");
const collection = div.getElementsByTagName("p");
let text = collection[1].innerHTML;
Hãy tự mình thử »Hỗ trợ trình duyệt
HTMLCollection.item()
được hỗ trợ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | Yes |