Элемент: метод getAttribute()

Базовая Широко доступная

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

Метод getAttribute() интерфейса Element возвращает значение указанного атрибута элемента.

Если заданный атрибут не существует, возвращаемое значение будет null.

Если вам нужно проверить свойства узла Attr, можно использовать метод getAttributeNode().

Синтаксис

getAttribute(attributeName)

Параметры

attributeName: Имя атрибута, значение которого вы хотите получить.

Возвращаемое значение

Строка, содержащая значение attributeName , если атрибут существует, в противном случае null.

Примеры

<!-- example div in an HTML DOC -->
<div id="div1">Hi Champ!</div>

// in a console
const div1 = document.getElementById("div1");
//=> <div id="div1">Hi Champ!</div>

const exampleAttr = div1.getAttribute("id");
//=> "div1"

const align = div1.getAttribute("align");
//=> null

Описание

Приведение к нижнему регистру

При вызове на HTML-элементе в DOM, помеченном как HTML-документ, getAttribute() приведёт аргумент к нижнему регистру перед продолжением.

Получение значений nonce

По соображениям безопасности, nonce CSP из источников, отличных от скриптов, таких как CSS-селекторы, и .getAttribute("nonce") скрыты.

let nonce = script.getAttribute("nonce");
// returns empty string

Вместо получения nonce из атрибута content, используйте свойство nonce:

let nonce = script.nonce;

Спецификации

Спецификация
DOM # ref-for-dom-element-getattribute①

Совместимость с браузерами

	Рабочие столы					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`getAttribute`	1	12	1	8	1	18	4	10.1	1	1.0	4.4

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttribute