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
element.dataset.namn;
Exempel
Låt oss läsa värdet på attributet:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
let res = elem.dataset.cost;
console.log(res);
Resultat av kodkörning:
'1000'
Exempel
Låt oss ändra värdet på attributet:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
elem.dataset.cost = '2000';
Som ett resultat kommer koden att se ut så här:
<div data-cost="2000"></div>
Se även
-
metoden
getAttribute,
som hämtar attribut -
metoden
setAttribute,
som skriver attribut
