Thuộc tính phần tử DOM HTML
Ví dụ
Phần tử <img> có bao nhiêu thuộc tính:
let numb = document.getElementById("myImg").attributes.length;
Hãy tự mình thử »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;
Hãy tự mình thử »Thêm ví dụ dưới đây.
Sự miêu tả
Thuộc attributes
trả về tập hợp các thuộc tính trong một phần tử.
Thuộc attributes
trả về NamedNodeMap.
Bản đồ được đặt tên
NamedNodeMap là một tập hợp các thuộc tính của một phần tử không có thứ tự giống như mảng.
Nói cách khác: NamedNodeMap là danh sách các đối tượng Attr .
NamedNodeMap có thuộc tính độ dài trả về số lượng nút.
Các nút có thể được truy cập bằng tên hoặc số chỉ mục. Chỉ số bắt đầu từ 0.
Xem thêm:
Cú pháp
node .attributes
Giá trị trả về
Kiểu | Sự miêu tả |
Bản đồ được đặt tên | Một tập hợp các đối tượng thuộc tính. |
Thêm ví dụ
Phần tử <button> có bao nhiêu thuộc tính:
let numb = document.getElementById("myButton").attributes.length;
Hãy tự mình thử »Lấy tên 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ãy tự mình thử »Hỗ trợ trình duyệt
element.attributes
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 |