Работа с атрибутами в JavaScript: метод getAttribute()

Метод getAttribute() является функцией JavaScript, которая используется для получения значения атрибута элемента. Этот метод может быть использован для получения значений атрибутов, таких как id, class, src, href и т.д.

Синтаксис метода getAttribute():

element.getAttribute(attributeName)

где element – это элемент HTML, для которого нужно получить значение атрибута, а attributeName – это имя атрибута, значение которого необходимо получить.

Например, у нас есть следующий HTML элемент:

Для получения значения атрибута id с помощью метода getAttribute() используется следующий JavaScript-код:

var element = document.getElementById("example");

var idValue = element.getAttribute("id");

console.log(idValue); // "example"

Для получения значений других атрибутов, например, значение атрибута class, необходимо вместо "id" передать имя атрибута "class":

var element = document.getElementById("example");

var classValue = element.getAttribute("class");

console.log(classValue); // "box"

Кроме того, метод getAttribute() может использоваться для получения значений пользовательских атрибутов, которые назначаются через атрибут data-*. Например, чтобы получить значение атрибута data-test, нужно использовать следующий код:

var element = document.getElementById("example");

var dataTestValue = element.getAttribute("data-test");

console.log(dataTestValue); // "true"

Таким образом, метод getAttribute() является удобным способом получения значения атрибута HTML-элемента в JavaScript и может быть использован во множестве сценариев разработки веб-приложений.