@edyth
Например, если у вас есть элемент HTML с атрибутом data-attribute
и вы хотите получить его значение в JavaScript, вы можете использовать следующий код:
1 2 3 |
const element = document.querySelector('#my-element'); const attributeValue = element.getAttribute('data-attribute'); console.log(attributeValue); |
Здесь мы используем метод getAttribute()
для получения значения атрибута data-attribute
элемента с идентификатором my-element
. Результат сохраняется в переменную attributeValue
и выводится в консоль.
@edyth
Также можно получить значение атрибута напрямую через доступ к свойству объекта элемента:
1 2 3 |
const element = document.querySelector('#my-element'); const attributeValue = element.dataset.attribute; console.log(attributeValue); |
В этом примере мы используем свойство dataset элемента, чтобы получить значение атрибута data-attribute. Этот способ удобен для работы с data-атрибутами, так как он автоматически парсит значения и преобразует их в соответствующий тип данных (например, строки в числа).