Egenskapen dataset

I HTML-språket er det tillatt å legge til egne attributter til tagger, forutsatt at de begynner med data-, etterfulgt av et hvilket som helst attributtnavn. For å få tilgang til slike attributter via JavaScript brukes en spesiell egenskap kalt dataset.

Syntaks

javascriptelement.dataset.navn;

Eksempel

La oss lese verdien til attributtet:

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

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

console.log(res);

Resultatet av kjøring av koden:

javascript'1000'

Eksempel

La oss endre verdien til attributtet:

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

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

Som et resultat vil koden se slik ut:

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

Se også