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

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

getAttribute() Метод возвращает значение属性的 элемента.

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

Метод setAttribute()

Метод removeAttribute()

Метод hasAttribute()

Метод hasAttributes()

Метод createAttribute()

Метод getAttributeNode()

Метод setAttributeNode()

Метод removeAttributeNode()

Урок:

Свойства HTML

Пример

Пример 1

Получение значения атрибута class элемента:

let text = element.getAttribute("class");

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

Пример 2

Получение значения атрибута target элемента <a>:

let text = myAnchor.getAttribute("target");

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

Пример 3

Получение значения атрибута onclick элемента <button>:

let text = myButton.getAttribute("onclick");

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

Синтаксис

element.getAttribute(name)

Параметр

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

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

Тип Описание
Строка Значение атрибута.
null Если атрибут отсутствует.

Технические детали

Объект HTMLElement определяет JavaScript-атрибуты, соответствующие каждому стандартному HTML-атрибуту, поэтому该方法 необходимо использовать только при запросе значений нестандартных атрибутов, совместно с HTML-документом.

В XML-документах значения атрибутов не могут быть напрямую использованы в качестве атрибутов элементов, их необходимо запрашивать с помощью метода. Для XML-документов с命名ным пространством необходимо использовать Метод getAttributeNS().

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

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

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

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