De dataset eigenschap
In HTML is het toegestaan om eigen attributen aan tags toe te voegen,
mits deze beginnen met data-,
gevolgd door een willekeurige attribuutnaam.
Om dergelijke attributen via JavaScript te benaderen,
wordt de speciale eigenschap dataset gebruikt.
Syntaxis
element.dataset.naam;
Voorbeeld
Laten we de waarde van het attribuut lezen:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
let res = elem.dataset.cost;
console.log(res);
Uitvoerresultaat van de code:
'1000'
Voorbeeld
Laten we de waarde van het attribuut wijzigen:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
elem.dataset.cost = '2000';
Als resultaat zal de code er als volgt uitzien:
<div data-cost="2000"></div>
Zie ook
-
methode
getAttribute,
die attributen opvraagt -
methode
setAttribute,
die attributen instelt
