пример
Узнайте, сколько приписывает <button> элемент есть:
var x = document.getElementById("myBtn").attributes.length;Результат х может быть:
2 Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
Свойство атрибутов возвращает коллекцию атрибутов указанного узла, в качестве объекта NamedNodeMap.
Узлы могут быть доступны с помощью индексов, а индекс начинается с 0.
Совет: Численное индексирование полезно для прохождения всех атрибутов элемента: Вы можете использовать длину свойство объекта NamedNodeMap , чтобы определить количество атрибутов, то вы можете перебрать все атрибуты узлов и извлекать информацию , которую Вы хотите.
Подсказка: HTML атрибуты атрибуты узлы, со всеми свойствами и методами , доступными для Атрибут объекта.
Поддержка браузеров
| Имущество | |||||
|---|---|---|---|---|---|
| attributes | да | да | да | да | да |
Примечание: В Internet Explorer 8 и выше, свойство атрибутов возвращает коллекцию всех возможных атрибутов для элемента.
Синтаксис
node .attributes
Технические подробности
| Возвращаемое значение: | NamedNodeMap объект, представляющий коллекцию атрибутов узла |
|---|---|
| DOM Version | Базовый уровень 1 Узел объект |
Еще примеры
пример
Получить имя <button> второго элемента (index 1) атрибута:
var x = document.getElementById("myBtn").attributes[1].name;Результат х может быть:
onclick Попробуй сам " пример
Узнайте, сколько приписывает <img> элемента имеет:
var x = document.getElementById("myImg").attributes.length;Результат х может быть:
5 Попробуй сам " пример
Цикл по всем атрибутам <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>";
} Попробуй сам "