English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Объект Attr представляет атрибуты в объекте Element.
HTML-атрибуты всегда принадлежат HTML-элементам.
В большинстве методов DOM вы можете напрямую检索 атрибуты в виде строки (напримерElement .getAttribute() и некоторые функции (например, Element.getAttributeNode()) или методы для итерации по данному типу Attr.
Объект NamedNodeMap представляет собой неупорядоченную коллекцию объектов Attr.
Узлы в NamedNodeMap можно получить по имени или индексу.
| Атрибут/Метод | Описание |
|---|---|
| attr.isId | Возвращает true, если тип атрибута Id,否则 false |
| attr.name | Возвращает имя атрибута |
| attr.value | Устанавливает или возвращает значение атрибута |
| attr.specified | Возвращает true, если указан атрибут,否则 false |
| nodemap.getNamedItem() | Возвращает указанный узел атрибута из NamedNodeMap |
| nodemap.item() | Возвращает узел атрибута по указанному индексу в NamedNodeMap |
| nodemap.length | Возвращает количество узлов атрибутов в NamedNodeMap |
| nodemap.removeNamedItem() | Удаление указанного узла атрибута |
| nodemap.setNamedItem() | Установить указанный узел свойства (по имени) |
Этот пример показывает все имена свойств IMG: element
var attrList = document.querySelector("img").attributes;
var text = "";
for (let x = 0; x < attrList.length; x++) {
text += attrList[x].name + "<br>";
}Проверьте, посмотрите‹/›Этот пример показывает все значения свойств IMG: element
var attrList = document.querySelector("img").attributes;
var text = "";
for (let x = 0; x < attrList.length; x++) {
text += attrList[x].value + "<br>";
}Проверьте, посмотрите‹/›Этот пример изменяет значение属性的 IMG: src
var image = document.querySelector("img");
image.getAttributeNode("src").value = "heart.jpg";Проверьте, посмотрите‹/›