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

javascriptelement.dataset.navn;

Eksempel

Lad os læse værdien af attributten:

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

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

console.log(res);

Resultatet af kodeudførelsen:

javascript'1000'

Eksempel

Lad os ændre værdien af attributten:

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

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

Som et resultat vil koden se sådan ud:

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

Se også