DOM
Kenmerken manipuleren
Zoeken…
Opmerkingen
Attributen zijn een specifiek type object in de DOM API. In eerdere versies van de DOM API namen ze over van het type Node , maar dit werd gewijzigd in versie 4.
In de voorbeelden die verwijzen naar de dataset , sluiten "moderne browsers" specifiek versies van Internet Explorer minder dan 11 uit. Zie caniuse.com voor meer actuele informatie.
Een kenmerk krijgen
Sommige attributen zijn direct toegankelijk als eigenschappen van het element (bijv. alt , href , id , title en value ).
var a = document.querySelector("a"),
url = a.href;
Andere attributen, inclusief data-attributen zijn als volgt toegankelijk:
var a = document.querySelector("a"),
tooltip = a.getAttribute("aria-label");
Gegevensattributen zijn ook toegankelijk met behulp van een dataset (moderne browsers)
// <a href="#" data-tracking-number="ABC-123">Widget</a>
var a = document.querySelector("a"),
tracker = a.dataset.trackingNumber;
Een kenmerk instellen
Sommige attributen zijn direct toegankelijk als eigenschappen van het element (bijv. Alt, href, id, titel en waarde).
document.querySelector("a").href = "#top";
Andere attributen, inclusief data-attributen kunnen als volgt worden ingesteld:
document.querySelector("a").setAttribute("aria-label", "I like turtles");
Gegevensattributen kunnen ook worden ingesteld met behulp van een gegevensset (moderne browsers)
var a = document.querySelector("a");
a.dataset.test = "123";
a.dataset['test-2'] = "456";
resulteert in
<a href="#" data-test="123" data-test-2="456">Widget</a>
Een attribuut verwijderen
Om een attribuut te verwijderen, inclusief direct toegankelijke eigenschappen
document.querySelector("a").removeAttribute("title");
Gegevensattributen kunnen ook als volgt worden verwijderd (moderne browsers):
// remove "data-foo" attribute
delete document.querySelector("a").dataset.foo;