Как получить значение атрибута javascript?

Пользователь

от edyth , в категории: JavaScript , 10 месяцев назад

Как получить значение атрибута javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от willis.streich , 10 месяцев назад

@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 и выводится в консоль.

Пользователь

от jensen , день назад

@edyth 

Также можно получить значение атрибута напрямую через доступ к свойству объекта элемента:

1
2
3
const element = document.querySelector('#my-element');
const attributeValue = element.dataset.attribute;
console.log(attributeValue);


В этом примере мы используем свойство dataset элемента, чтобы получить значение атрибута data-attribute. Этот способ удобен для работы с data-атрибутами, так как он автоматически парсит значения и преобразует их в соответствующий тип данных (например, строки в числа).