Свойство dataset в JavaScript позволяет считывать или устанавливать любые дата-атрибуты на HTML-элементе. 12 Дата-атрибут — это пользовательский атрибут на элементе, название которого начинается с data-, например data-testid. 2

Некоторые особенности работы свойства dataset:

• Обращение к свойству возвращает объект со всеми дата-атрибутами, которые есть на элементе. 12 Названиями полей в объекте будут имена дата-атрибутов после префикса data-. 2
• Если дата-атрибутов на элементе нет, то вернётся пустой объект. 12
• Чтобы добавить дата-атрибут к элементу, нужно добавить новое поле в объект dataset. 2 Название поля должно быть без префикса data-, браузер автоматически подставит его. 2
• В значениях атрибутов в HTML могут быть только строки, поэтому любое значение будет автоматически приведено к строке. 12
• Свойство dataset защищено от перезаписи, то есть попытка присвоить в dataset новое значение будет проигнорирована. 2

С помощью свойства dataset можно создавать интерактивные веб-приложения, которые реагируют на ввод пользователя или вызывают определённые действия на основе пользовательских данных, связанных с элементами. 5