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

javascriptelement.dataset.name;

Beispiel

Lassen Sie uns den Wert des Attributes auslesen:

html<div data-cost="1000"></div>

javascriptlet elem = document.querySelector('div');
let res = elem.dataset.cost;

console.log(res);

Ergebnis der Codeausführung:

javascript'1000'

Beispiel

Lassen Sie uns den Wert des Attributes ändern:

html<div data-cost="1000"></div>

javascriptlet elem = document.querySelector('div');
elem.dataset.cost = '2000';

Als Ergebnis wird der Code nun so aussehen:

html<div data-cost="2000"></div>

Siehe auch