Attributnavne med bindestreger i JavaScript
Brugerdefinerede attributter kan indeholde bindestreger i deres navn, for eksempel sådan her:
<div id="elem" data-my-test="1000"></div>
For at tilgå sådanne attributter skal du bruge camelCase:
let elem = document.querySelector('#elem');
console.log(elem.dataset.myTest);
Følgende kode er givet:
<div id="elem" data-product-price="1000" data-product-amount="5">
vare æbler
</div>
Gør så, at ved klik på div'en tilføjes købsprisen til slutningen af dens tekst, svarende til prisen ganget med antallet.