Egenskabet dataset
I HTML-sproget er det tilladt at tilføje egne attributter
til tags, forudsat at de starter med data-,
effulgt af ethvert attributnavn.
For at tilgå sådanne attributter via JavaScript
anvendes en speciel egenskab kaldet dataset.
Syntaks
element.dataset.navn;
Eksempel
Lad os læse værdien af attributten:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
let res = elem.dataset.cost;
console.log(res);
Resultatet af kodeudførelsen:
'1000'
Eksempel
Lad os ændre værdien af attributten:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
elem.dataset.cost = '2000';
Som et resultat vil koden se sådan ud:
<div data-cost="2000"></div>
Se også
-
metoden
getAttribute,
som henter attributter -
metoden
setAttribute,
som skriver attributter
