dataset

Свойство dataset даёт доступ ко всем атрибутам вида data-*. Имена переводятся из kebab-case в camelCase: data-user-id становится dataset.userId. Запись в dataset создаёт соответствующий атрибут.

// <div data-user-id="42" data-role="admin"></div>
const el = document.querySelector('div');
console.log(el.dataset.userId); // '42'
console.log(el.dataset.role);   // 'admin'
el.dataset.active = 'yes'; // добавит атрибут data-active="yes"