Метод getAttribute в Javascript: получение значений атрибутов

Метод `getAttribute()` в JavaScript используется для получения значения указанного атрибута элемента.

Синтаксис метода `getAttribute()` выглядит следующим образом:

element.getAttribute(name);

где `name` – строка, содержащая имя атрибута, значение которого требуется получить, а `element` – элемент, у которого нужно получить значение атрибута.

Рассмотрим пример использования метода `getAttribute()` для получения значения атрибута `href` ссылки:

HTML
Example

JavaScript
const link = document.querySelector('a');
const href = link.getAttribute('href');
console.log(href); // https://example.com

Также метод `getAttribute()` можно использовать для получения значения пользовательского атрибута, созданного с помощью метода `setAttribute()`:

HTML

JavaScript
const myDiv = document.querySelector('#myDiv');
const value = myDiv.getAttribute('data-value');
console.log(value); // 10

Значение атрибута также можно изменить с помощью метода `setAttribute()`, например:

HTML

JavaScript
const myDiv = document.querySelector('#myDiv');
myDiv.setAttribute('data-value', '10');

Также в JavaScript есть альтернативный метод доступа к атрибутам элемента – свойство объекта, соответствующего элементу, который имеет тот же самый набор свойств, что и атрибуты элемента. Например, для доступа к атрибуту `href` ссылки можно воспользоваться свойством `href` объекта, соответствующего этой ссылке:

HTML
Example

JavaScript
const link = document.querySelector('a');
const href = link.href;
console.log(href); // https://example.com

Однако следует иметь в виду, что свойства объекта, соответствующего элементу, могут отличаться от названий атрибутов элемента. Например, свойство `class` объекта, соответствующего элементу, называется `className`. Также свойства объекта, соответствующего элементу, могут быть только для чтения, тогда как атрибуты можно изменять как с помощью метода `setAttribute()`, так и через свойство объекта. Поэтому использование свойств объекта следует проверять в документации или с помощью отладки, чтобы быть уверенным в том, что они работают в конкретной ситуации.