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
element.dataset.nazwa;
Przykład
Odczytajmy wartość atrybutu:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
let res = elem.dataset.cost;
console.log(res);
Wynik wykonania kodu:
'1000'
Przykład
Zmieńmy wartość atrybutu:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
elem.dataset.cost = '2000';
W rezultacie kod będzie wyglądać tak:
<div data-cost="2000"></div>
Zobacz też
-
metoda
getAttribute,
która pobiera atrybuty -
metoda
setAttribute,
która zapisuje atrybuty
