Метод getAttributeNode() элемента HTML DOM

Определение и использование

getAttribute() Метод возвращает значение свойства по указанному имени, в виде объекта Attr.

Альтернативные варианты:

Использование Метод getAttribute() Это будет проще.

Дополнительная информация:

Метод setAttribute()

Метод hasAttribute()

Метод removeAttribute()

Метод setAttributeNode()

Метод removeAttributeNode()

Учебник:

Атрибуты HTML

Референсный руководствo:

Объект Attribute HTML DOM

Знания: различия между методами getAttribute() и getAttributeNode()

getAttribute() Метод возвращает значение свойства.

getAttributeNode() возвращает Метод объекта AttrВы должны использовать Атрибут Attr value Чтобы получить это значение.

Результаты одинаковы.

Пример

Пример 1

Получите значение атрибута class узла h1:

const element = document.getElementsByTagName("H1")[0];
let text = element.getAttributeNode("class").value;

Попробуйте сами

Пример 2

Получите значение атрибута target узла a:

var elmnt = document.getElementById("myAnchor");
var attr = elmnt.getAttributeNode("target").value;

Попробуйте сами

Пример 3

Получите значение атрибута onclick узла button:

var elmnt = document.getElementById("myBtn");
var attr = elmnt.getAttributeNode("onclick").value;

Попробуйте сами

Синтаксис

element.getAttributeNode(name)

Параметр

Параметр Описание
name Обязателен. Название атрибута.

Возвратное значение

Тип Описание
Объект Объект Attr узла атрибута.
null Если атрибут не существует.

Описание

getAttributeNode() Метод возвращает Attr узел, представляющий значение指定的 атрибута. Обратите внимание, что узел Attr также можно получить через атрибут attributes, наследованный от интерфейса Node.

Поддержка браузеров

element.getAttributeNode() Это функция DOM Level 1 (1998).

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

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Поддержка 9-11 Поддержка Поддержка Поддержка Поддержка