Tài liệu HTML DOM getElementsByTagName ()
Thí dụ
Nhận tất cả các phần tử có tên thẻ "li":
const collection = document.getElementsByTagName("li");
Lấy tất cả các phần tử trong tài liệu:
const collection = document.getElementsByTagName("*");
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!";
Thêm ví dụ bên dưới.
Định nghĩa và Cách sử dụng
Phương getElementsByTagName()
thức 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 getElementsByTagName()
thức này trả về một HTMLCollection .
Thuộc getElementsByTagName()
tính ở chế độ chỉ đọc.
Ghi chú
getElementsByTagName("*")
trả về tất cả các phần tử trong tài liệu.
HTMLCollection
Bộ sưu tập HTMLC là một tập hợp các nút HTML.
Các nút trong một bộ sưu tập có thể được truy cập bằng số chỉ mục. Chỉ số bắt đầu từ 0.
Thuộc tính length trả về số phần tử trong tập hợp.
Xem thêm:
Phương thức Tài liệu getElementById ()
Phương thức tài liệu getElementsByClassName ()
Phương thức truy vấn tài liệuSelector ()
Cú pháp
document.getElementsByTagName(tagname)
Thông số
Parameter | Description |
tagname | Required. The tagname of the elements. |
Giá trị trả lại
Loại | Sự miêu tả |
Sự vật | Một đối tượng HTMLCollection . 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. |
Các ví dụ khác
Số lượng phần tử <li> trong tài liệu:
let numb = document.getElementsByTagName("li").length;
Thay đổi màu nền của tất cả các phần tử <p>:
const collection = document.getElementsByTagName("P");
for (let i = 0; i < collection.length; i++) {
collection[i].style.backgroundColor = "red";
}
Các trang liên quan
Tham chiếu JavaScript: phần tử .getElementsByTagName ()
Hướng dẫn JavaScript: JavaScript HTML DOM Node List
Hỗ trợ trình duyệt
document.getElementsByTagName()
là một tính năng DOM Level 1 (1998).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |