Właściwość dataset

W języku HTML dozwolone jest dodawanie własnych atrybutów do znaczników, pod warunkiem że zaczynają się od data-, a po tym może następować dowolna nazwa atrybutu. Aby uzyskać dostęp do takich atrybutów za pomocą JavaScript używa się specjalnej właściwości dataset.

Składnia

javascriptelement.dataset.nazwa;

Przykład

Odczytajmy wartość atrybutu:

html<div data-cost="1000"></div>

javascriptlet elem = document.querySelector('div');
let res = elem.dataset.cost;

console.log(res);

Wynik wykonania kodu:

javascript'1000'

Przykład

Zmieńmy wartość atrybutu:

html<div data-cost="1000"></div>

javascriptlet elem = document.querySelector('div');
elem.dataset.cost = '2000';

W rezultacie kod będzie wyglądać tak:

html<div data-cost="2000"></div>

Zobacz też