Метод attributes
Примеры element.attributes
Сколько атрибутов имеет элемент <img>:
let numb = document.getElementById("myImg").attributes.length;
Попробуйте сами »
Отображение всех атрибутов элемента <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;
Попробуйте сами »
Ещё примеры ниже.
Описание attributes
Свойство attributes возвращает коллекцию атрибутов в элементе.
Свойство attributes возвращает NamedNodeMap.
NamedNodeMap
NamedNodeMap — это неупорядоченная коллекция атрибутов элемента, похожая на массив.
Другими словами: NamedNodeMap — это список объектов Attr.
NamedNodeMap имеет свойство length, которое возвращает количество узлов.
Доступ к узлам можно осуществлять по имени или индексным номерам. Индекс начинается с 0.
Похожи на attributes
Синтаксис attributes
node.attributes
Возвращаемое значение attributes
| Тип | Описание |
|---|---|
| NamedNodeMap | Коллекция атрибутивных объектов. |
Ещё примеры attributes
Сколько атрибутов имеет элемент <button>:
let numb = document.getElementById("myButton").attributes.length;
Попробуйте сами »
Получить имя второго атрибута (индекс 1) элемента <button>:
let attr = document.getElementById("myBtn").attributes[1].name;
Попробуйте сами »
Поддержка браузера attributes
element.attributes является особенностью DOM уровня 1 (1998).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 9-11 |