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
element.dataset.navn;
Eksempel
La oss lese verdien til attributtet:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
let res = elem.dataset.cost;
console.log(res);
Resultatet av kjøring av koden:
'1000'
Eksempel
La oss endre verdien til attributtet:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
elem.dataset.cost = '2000';
Som et resultat vil koden se slik ut:
<div data-cost="2000"></div>
Se også
-
metoden
getAttribute,
som henter attributter -
metoden
setAttribute,
som setter attributter
