Egenskapen dataset

I HTML-språket är det tillåtet att lägga till egna attribut till taggar, förutsatt att de börjar med data-, följt av valfritt attributnamn. För att komma åt sådana attribut via JavaScript används en speciell egenskap dataset.

Syntax

javascriptelement.dataset.namn;

Exempel

Låt oss läsa värdet på attributet:

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

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

console.log(res);

Resultat av kodkörning:

javascript'1000'

Exempel

Låt oss ändra värdet på attributet:

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

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

Som ett resultat kommer koden att se ut så här:

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

Se även