Как работат метод dataset в js?
3 года назад
Andrey Moshkov
Ответы
Свойство .dataset
, позволяет считывать, или устанавливать любые дата-атрибуты на HTML-элементе. Дата атрибуты используются, чтобы хранить значения на элементах в HTML.
Например:
Обращение к свойству .dataset
вернёт объект со всеми дата-атрибутами, которые есть на элементе.
Если дата-атрибутов на элементе нет, то вернётся пустой объект:
Добавляем дата-атрибут к элементу. Название поля должно быть без префикса data-, браузер автоматически подставит его. Атрибуты состоящие из нескольких слов записываются в .dataset
c помощью camelСase, а в HTML будут иметь названия в kebab-case. В значениях атрибутов в HTML могут быть только строки, поэтому любое значение будет автоматически приведено к строке.
Имеем
Добавляем
Получим
Удалить дата-атрибут можно с помощью оператора delete. Возьмем предыдущий html
удалим
Получим
3 года назад
Кирилл Ерохин