Element.dataset

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

Синтаксис:

Element.dataset;

Параметри:

Element - об'єкт Element.

Опис:

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

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

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

Наприклад назва атрибуту користувача: "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 );