Thuộc tính Phần tử DOM HTML
Các ví dụ
Phần tử <img> có bao nhiêu thuộc tính:
let numb = document.getElementById("myImg").attributes.length;
Hiển thị tất cả các thuộc tính của phần tử <img>:
const nodeMap = document.getElementById("myImg").attributes;
let text = "";
for (let i = 0; i < nodeMap.length; i++) {
text += nodeMap[i].name + " = " + nodeMap[i].value + "<br>";
}
document.getElementById("demo").innerHTML = text;
Thêm ví dụ bên dưới.
Định nghĩa và Cách sử dụng
Thuộc attributestính trả về một tập hợp các thuộc tính trong một phần tử.
Thuộc attributestính trả về NamedNodeMap.
NamedNodeMap
NamedNodeMap là một tập hợp (danh sách) các Đối tượng Attr (Thuộc tính) giống như mảng.
NamedNodeMap có thuộc tính độ dài trả về số lượng thuộc tính trong danh sách.
Các thuộc tính có thể được truy cập bằng số chỉ mục. Chỉ số bắt đầu từ 0.
Xem thêm:
Cú pháp
node.attributes
Giá trị trả lại
| Loại | Sự miêu tả |
| NamedNodeMap | Một tập hợp các đối tượng thuộc tính. |
Các ví dụ khác
Phần tử <button> có bao nhiêu thuộc tính:
let numb = document.getElementById("myButton").attributes.length;
Lấy tên của thuộc tính thứ hai (chỉ mục 1) của phần tử <button>:
let attr = document.getElementById("myBtn").attributes[1].name;
Hỗ trợ trình duyệt
element.attributeslà 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 |