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