Die dataset-Eigenschaft
In HTML ist es erlaubt, eigene Attribute
zu Tags hinzuzufügen, solange sie mit data-
beginnen, gefolgt von einem beliebigen Attributnamen.
Um auf solche Attribute über JavaScript zuzugreifen,
wird die spezielle Eigenschaft dataset verwendet.
Syntax
element.dataset.name;
Beispiel
Lassen Sie uns den Wert des Attributes auslesen:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
let res = elem.dataset.cost;
console.log(res);
Ergebnis der Codeausführung:
'1000'
Beispiel
Lassen Sie uns den Wert des Attributes ändern:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
elem.dataset.cost = '2000';
Als Ergebnis wird der Code nun so aussehen:
<div data-cost="2000"></div>
Siehe auch
-
Methode
getAttribute,
die Attribute ausliest -
Methode
setAttribute,
die Attribute schreibt
