Element.dataset

Element.dataset - атрибути користувача.

Синтаксис:

Element.dataset;

Параметри:

Element - об'єкт Element.

Опис:

dataset властивість об'єкту Element яка представляє собою об'єк для роботи з атрибутами користувача які задаються у атрибуті тегу data-*. Даний атрибут використовується для зберігання даних користувача.

У HTML атрибут користувача починається зі слова data- і містить лише символи від "a" до "z", від "0" до "9", "-", "_".

JavaScript перетворює назву атрибуту користувача у властивість об'єкту dataset за такими правилами:

префікс "data-" видаляється.
символ "-" видаляється, а наступний символ від "a" до "z" перетворюється у верхній регістр.

Наприклад назва атрибуту користувача: "data-user-atribute" перетворюється у властивість Element.dataset.userAtribute.

Також до властивості можна звертатися по ключу: Element.dataset[name].

Приклад:

<p id="test" data-user-atribute="атрибут користувача" data-date="19.12.2016" data-f_da2="12"></p>

var el=document.getElementById("test");

alert( el.dataset.userAtribute+" "+el.dataset.date+" "+el.dataset.f_da2 );

var el=document.getElementById("test");

alert( el.dataset["userAtribute"] );

el=document.getElementById("test");

alert( el.dataset["userAtribute"]);

el.dataset.newAtr="новий атрибут"; // data-new-atr="новий атрибут"

alert( el.outerHTML );