Thuộc tính attributes của HTML DOM Element

Định nghĩa và cách sử dụng

attributes Thuộc tính thuộc tính trả về tập hợp thuộc tính trong phần tử.

attributes Thuộc tính thuộc tính trả về NamedNodeMap.

NamedNodeMap

NamedNodeMap Là tập hợp không sắp xếp của thuộc tính phần tử tương tự như mảng.

Đ换句话说: NamedNodeMap là Đối tượng Attr.

NamedNodeMap cung cấp danh sách có thể trả về số lượng nút. Thuộc tính length.

Có thể truy cập vào nút bằng tên hoặc chỉ số (biểu số) dưới dạng index. Chỉ số bắt đầu từ 0.

Xin xem thêm:

Thuộc tính HTML DOM

Mẫu

Ví dụ 1

Phần tử <img> có bao nhiêu thuộc tính:

let numb = document.getElementById("myImg").attributes.length;

Thử trực tiếp

Ví dụ 2

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ử trực tiếp

Ví dụ 3

Phần tử <button> có bao nhiêu thuộc tính:

let numb = document.getElementById("myButton").attributes.length;

Thử trực tiếp

Ví dụ 4

Lấy tên thuộc tính thứ hai (index 1) của một phần tử <button>:

let attr = document.getElementById("myBtn").attributes[1].name;

Thử trực tiếp

Cú pháp

node.attributes

Giá trị trả về

Loại Mô tả
NamedNodeMap Tập hợp các thuộc tính.

Hỗ trợ trình duyệt

element.attributes Là tính năng của DOM Level 1 (1998).

Mọi trình duyệt đều hỗ trợ hoàn toàn nó:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Hỗ trợ 9-11 Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ