@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-атрибутами, так как он автоматически парсит значения и преобразует их в соответствующий тип данных (например, строки в числа).