Свойства HTML DOM

Объект элемента HTML DOM

attributesСвойства возвращают активный набор всех узлов свойств, зарегистрированных в указанном узле элемента.

Элементы можно получить по индексу, который начинается с 0.

Используйте свойство length объекта NamedNodeMap для определения количества свойств.

HTML-свойства являются узлами свойств, всеСвойства и методыДоступно для объекта Attribute.

Грамматика:

element.attributes

var len = document.querySelector("img").attributes.length;

Совместимость браузеров

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

Технические детали

Более примеров

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

var x = document.querySelector("img").attributes[1].name;

Получите значение второго свойства элемента IMG (индекс 1):

var x = document.querySelector("img").attributes[1].value;

Пройдемся по всем свойствам элемента IMG и выведем имя и значение каждого свойства:

var attrList = document.querySelector("img").attributes;
var txt = "";
for (let i = 0; i < attrList.length; i++) {
txt += attrList[i].name + " = " + attrList[i].value + "<br>";
}

Объект элемента HTML DOM