Dataset-ominaisuus
HTML-kielessä on sallittua lisätä omia attribuutteja
tageihin, kunhan ne alkavat data-,
jota seuraa mikä tahansa attribuutin nimi.
Tällaisten attribuuttien käsittelyyn JavaScriptin kautta
käytetään erityistä dataset-ominaisuutta.
Syntaksi
elementti.dataset.nimi;
Esimerkki
Luetaan attribuutin arvo:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
let res = elem.dataset.cost;
console.log(res);
Koodin suorituksen tulos:
'1000'
Esimerkki
Muutetaan attribuutin arvoa:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
elem.dataset.cost = '2000';
Tuloksena koodi näyttää tältä:
<div data-cost="2000"></div>
Katso myös
-
metodi
getAttribute,
joka hakee attribuutit -
metodi
setAttribute,
joka asettaa attribuutit
