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

@dorothea_stoltenberg 

Чтобы получить значение атрибута data в JavaScript, вы можете использовать свойство dataset элемента. Например:

1
2

const element = document.querySelector('#my-element');
const dataValue = element.dataset.myDataAttribute;

В этом примере #my-element - это элемент с идентификатором my-element, а myDataAttribute - это имя атрибута data. Свойство dataset элемента является объектом, который содержит все атрибуты data элемента, и вы можете обратиться к ним, используя свойства объекта с таким же именем, как и имя атрибута data.

Если вы хотите получить значение атрибута data элемента, используя метод getAttribute, вы можете сделать это так:

1
2

const element = document.querySelector('#my-element');
const dataValue = element.getAttribute('data-my-data-attribute');

В этом примере data-my-data-attribute - это полное имя атрибута data, включая префикс data-. Метод getAttribute возвращает значение атрибута с указанным именем в виде строки.

Оба этих способа поз

@dorothea_stoltenberg 

Чтобы получить значение атрибута data элемента в JavaScript, можно использовать свойство dataset.

Допустим, у вас есть элемент <div> с атрибутом data-foo и вы хотите получить его значение в JavaScript. Вот как это можно сделать:

1

<div id="myDiv" data-foo="bar"></div>

1
2
3
4
5
6
7

// Получаем элемент
var myDiv = document.getElementById("myDiv");

// Получаем значение атрибута data-foo
var dataValue = myDiv.dataset.foo;

console.log(dataValue); // Вывод: "bar"

В этом примере мы получили элемент с идентификатором myDiv, а затем получили его атрибут data-foo с помощью свойства dataset. Обратите внимание, что мы использовали имя атрибута без префикса data-, так как это автоматически обрабатывается свойством dataset.