Свойство attributes элемента HTML DOM

Определение и использование

attributes Свойство возвращает набор свойств в элементе.

attributes Свойство возвращает NamedNodeMap.

NamedNodeMap

NamedNodeMap несортированная аналогичная массиву коллекция свойств элемента.

Иначе говоря: NamedNodeMap это Объект Attr.

NamedNodeMap предоставляет список, который можно вернуть количество узлов. Свойство length.

Узел можно получить по имени или индексу (подндексу). Индекс начинается с 0.

См. также:

Свойства HTML DOM

Пример

Пример 1

Сколько свойств у элемента <img>:

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

Попробуйте сами

Пример 2

Показать все свойства элемента <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;

Попробуйте сами

Пример 3

Сколько свойств у элемента <button>:

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

Попробуйте сами

Пример 4

Получите имя второго (индекс 1) свойства элемента <button>:

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

Попробуйте сами

Синтаксис

node.attributes

Возвратное значение

Тип Описание
NamedNodeMap сборник объектов свойств.

Поддержка браузеров

element.attributes Это функция уровня DOM Level 1 (1998).

Все браузеры полностью поддерживают его:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Поддержка 9-11 Поддержка Поддержка Поддержка Поддержка