Некоторые способы работы с элементами, имеющими атрибуты данных, в JavaScript:

1. Использование метода getAttribute(). 1 Он возвращает значение указанного атрибута элемента. 1
2. Использование объекта dataset. 1 Он предоставляет доступ ко всем атрибутам элемента, имеющим префикс data-. 2 Имена свойств этого объекта соответствуют именам атрибутов, но без префикса data-. 1

Например, значение атрибута data-action-url будет доступно в JavaScript через свойство dataset.actionUrl. 2

Обратите внимание, что dataset возвращает все значения в виде строк, поэтому для числовых значений может потребоваться использовать функцию parseInt() или parseFloat(). 1

Также у каждого элемента в JavaScript есть свойство attributes, с помощью которого можно получить все его атрибуты в виде объекта NamedNodeMap. 3 Доступ к атрибуту в этой коллекции осуществляется по его индексу или с помощью метода item. 3