Phương thức HTML DOM getElementsByTagName ()
❮ Đối tượng phần tửThí dụ
Thay đổi nội dung HTML của phần tử <li> đầu tiên (chỉ mục 0) trong danh sách:
var list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("LI")[0].innerHTML = "Milk";
Định nghĩa và Cách sử dụng
Phương thức getElementsByTagName () trả về một tập hợp các phần tử con của một phần tử với tên thẻ được chỉ định, dưới dạng một đối tượng NodeList.
Đối tượng NodeList đại diện cho một tập hợp các nút. Các nút có thể được truy cập bằng số chỉ mục. Chỉ số bắt đầu từ 0.
Mẹo: Bạn có thể sử dụng thuộc tính độ dài của đối tượng NodeList để xác định số lượng nút con có tên thẻ được chỉ định, sau đó bạn có thể lặp qua tất cả các nút và trích xuất thông tin bạn muốn.
Mẹo: Giá trị tham số "*" trả về tất cả các phần tử con của phần tử.
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phương pháp này.
Method | |||||
---|---|---|---|---|---|
getElementsByTagName() | 1.0 | 6.0 | 3.0 | 3.0 | 9.5 |
Cú pháp
element.getElementsByTagName(tagname)
Giá trị tham số
Parameter | Type | Description |
---|---|---|
tagname | String | Required. The tagname of the child elements you want to get |
Chi tiết kỹ thuật
Phiên bản DOM | Đối tượng phần tử cấp 1 cốt lõi |
---|---|
Giá trị trả lại: | Một đối tượng NodeList, đại diện cho tập hợp các phần tử con của phần tử với tên thẻ được chỉ định. Các phần tử trong bộ sưu tập trả về được sắp xếp khi chúng xuất hiện trong mã nguồn. |
Các ví dụ khác
Thí dụ
Tìm hiểu xem có bao nhiêu phần tử <p> bên trong phần tử <div> (sử dụng thuộc tính length của đối tượng NodeList):
var x =
document.getElementById("myDIV").getElementsByTagName("P").length;
Thí dụ
Thay đổi màu nền của phần tử <p> thứ hai (chỉ mục 1) bên trong phần tử <div>:
var x =
document.getElementById("myDIV");
x.getElementsByTagName("P")[1].style.backgroundColor = "red";
Thí dụ
Thay đổi màu nền của tất cả các phần tử <p> bên trong phần tử <div>:
var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("P");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}
Thí dụ
Thay đổi màu nền của phần tử thứ tư (chỉ số 3) bên trong phần tử <div>:
var x = document.getElementById("myDIV");
x.getElementsByTagName("*")[3].style.backgroundColor = "red";
Thí dụ
Sử dụng tham số "*".
Thay đổi màu nền của tất cả các phần tử bên trong phần tử <div>:
var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("*");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}
Các trang liên quan
Tham khảo JavaScript: document.getElementsByTagName ()
Hướng dẫn JavaScript: JavaScript HTML DOM Node List
❮ Đối tượng phần tử