Свойство attributes
Пример
Узнайте, сколько атрибутов имеет элемент <button>:
var x = document.getElementById("myBtn").attributes.length;
Попробуйте сами »
Дополнительные примеры "Попробуй сам" приведены ниже.
Определение и использование
Свойство attributes возвращает коллекцию атрибутов указанного узла'ы в виде объекта NamedNodeMap.
Доступ к узлам возможен по номерам индексов, а индекс начинается с 0.
Совет: Числовое индексирование полезно для просмотра всех атрибутов элемента: вы можете использовать свойство length объекта NamedNodeMap для определения количества атрибутов, затем вы можете перебрать все узлы атрибутов и извлечь нужную информацию.
Совет: Атрибуты HTML - это узлы атрибутов, со всеми свойствами и методами, доступные для объекта атрибута.
Поддержка браузера
Свойство | |||||
---|---|---|---|---|---|
attributes | Да | Да | Да | Да | Да |
Примечание: В Internet Explorer 8 и более ранних версиях свойство attributes возвращает коллекцию всех возможных атрибутов для элемента.
Синтаксис
node.attributes
Технические детали
Возвращает значение | Объект NamedNodeMap, представляющий набор атрибутов узла |
---|---|
DOM Версия | Базовый уровень 1 Объект узла |
Ещё примеры
Пример
Получить имя второго атрибута элемента <button> (индекс 1):
var x = document.getElementById("myBtn").attributes[1].name;
Попробуйте сами »
Пример
Узнайте, сколько атрибутов имеет элемент <img>:
var x = document.getElementById("myImg").attributes.length;
Попробуйте сами »
Пример
Выполните цикл по всем атрибутам элемента <img> и выведите имя и значение каждого атрибута:
var x = document.getElementById("myImg");
var txt = "";
var i;
for (i = 0; i < x.attributes.length; i++) {
txt = txt + x.attributes[i].name + " = " + x.attributes[i].value + "<br>";
}
Попробуйте сами »