Tài liệu HTML DOM getElementsByTagName()
Ví dụ
Nhận tất cả các phần tử có tên thẻ "li":
const collection = document.getElementsByTagName("li");
Hãy tự mình thử »Lấy tất cả các phần tử trong tài liệu:
const collection = document.getElementsByTagName("*");
Hãy tự mình thử »Thay đổi HTML bên trong của phần tử <p> đầu tiên trong tài liệu:
document.getElementsByTagName("p")[0].innerHTML = "Hello World!";
Hãy tự mình thử »Thêm ví dụ dưới đây.
Sự miêu tả
Phương thức getElementsByTagName()
trả về một tập hợp tất cả các phần tử có tên thẻ được chỉ định.
Phương thức getElementsByTagName()
trả về HTMLCollection .
Thuộc tính getElementsByTagName()
ở chế độ chỉ đọc.
Ghi chú
getElementsByTagName("*")
trả về tất cả các phần tử trong tài liệu.
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.
Cú pháp
document.getElementsByTagName( tagname )
Thông số
Parameter | Description |
tagname | Required. The tagname of the elements. |
Giá trị trả về
Kiểu | Sự miêu tả |
Sự vật | Một đối tượng HTMLCollection . Một tập hợp các phần tử có tên thẻ được chỉ định. Các phần tử được sắp xếp khi chúng xuất hiện trong tài liệu. |
Thêm ví dụ
Số phần tử <li> trong tài liệu:
let numb = document.getElementsByTagName("li").length;
Hãy tự mình thử »Thay đổi màu nền của tất cả phần tử <p>:
const collection = document.getElementsByTagName("P");
for (let i = 0; i < collection.length; i++) {
collection[i].style.backgroundColor = "red";
}
Hãy tự mình thử »Trang liên quan
Tham chiếu JavaScript: phần tử .getElementsByTagName()
Hướng dẫn JavaScript: Danh sách nút JavaScript HTML DOM
Hỗ trợ trình duyệt
document.getElementsByTagName()
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 |