In HTML kunt u aangepaste data-attributen of data-\* toevoegen aan HTML-elementen. Deze attributen stellen u in staat om extra informatie aan een element toe te voegen.
Hier is een voorbeeld van hoe u deze kunt gebruiken:
```
In bovenstaand voorbeeld hebben we een aangepast data-attribuut gemaakt, genaamd “data-my-attribute”, en we hebben het de waarde “some value” gegeven.
U kunt deze aangepaste gegevens vervolgens gebruiken in uw JavaScript-code. Bijvoorbeeld:
```
// Een JavaScript-functie die de waarde van het aangepaste data-attribuut ophaalt
// Selecteer eerst het element…
var div = document.getElementById(“myDiv”);
// Dan kunt u het aangepaste data-attribuut als volgt ophalen…
var customAttribute = div.dataset.myAttribute;
// … en het zal de waarde “some value” naar de console loggen
console.log(customAttribute); // logs: “some value“
```
In bovenstaande JavaScript-code halen we de waarde van ons aangepaste data-attribuut op en loggen we het naar de console. Zoals u kunt zien, hebben we een eigenschap van het “dataset”-object van ons div-element gebruikt om toegang te krijgen tot ons aangepaste data-attribuut.
Let op dat, wanneer u de waarde in JavaScript ophaalt, het koppelteken “” uit je “data \*” attribuut wordt verwijderd en de volgende letter wordt geconverteerd naar kleine letters (camelCase). Dus “data-my-attribute” wordt “myAttribute” in JavaScript.
