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

javascriptelement.dataset.naam;

Voorbeeld

Laten we de waarde van het attribuut lezen:

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

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

console.log(res);

Uitvoerresultaat van de code:

javascript'1000'

Voorbeeld

Laten we de waarde van het attribuut wijzigen:

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

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

Als resultaat zal de code er als volgt uitzien:

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

Zie ook