пример
Получить значение class узла атрибута в <h1> элемента:
var elmnt = document.getElementsByTagName("H1")[0];
var attr =
elmnt.getAttributeNode("class").value;Результат ATTR будет:
democlass
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
getAttributeNode() метод возвращает узел атрибута с указанным именем элемента, как объект Attr.
Совет: Используйте атрибут .value свойства, возвращает значение узла атрибута.
Совет: Используйте getAttribute() метод , если вы просто хотите , чтобы вернуть значение атрибута.
Для получения более подробной информации об объекте Attr см В DOM HTML атрибутов объекта .
Поддержка браузеров
| метод | |||||
|---|---|---|---|---|---|
| getAttributeNode() | да | да | да | да | да |
Синтаксис
параметры параметр Тип Описание attributename String Необходимые. Имя атрибута вы хотите вернуться
Технические подробности
Возвращаемое значение: Объект атр, представляющий specified узел атрибута.
Примечание: Если атрибут не существует, возвращаемое значение равно нулю или пустая строка ("") DOM Version Базовый уровень 1 Элемент объекта
Еще примеры
пример
Получить значение target узла атрибута <a> элемента:
var elmnt = document.getElementById("myAnchor");
var attr = elmnt.getAttributeNode("target").value; Результат ATTR будет:
_blank
Попробуй сам "
пример
Получить значение onclick узла атрибута <button> элемента:
var elmnt = document.getElementById("myBtn");
var attr = elmnt.getAttributeNode("onclick").value; Результат ATTR будет:
myFunction() Попробуй сам "
Похожие страницы
Учебник HTML: HTML атрибуты
HTML DOM Ссылка: HTML - DOM Атрибут объекта
HTML DOM Ссылка: href="met_element_getattribute.html"> getAttribute() Method
HTML DOM Ссылка: атрибут .value собственности
HTML DOM Ссылка: href="met_element_removeattributenode.html"> removeAttributeNode() Method
HTML DOM Ссылка: href="met_element_setattributenode.html"> setAttributeNode() Method