DOM
Attribute bearbeiten
Suche…
Bemerkungen
Attribute sind ein bestimmter Objekttyp in der DOM-API. In früheren Versionen der DOM-API wurden sie vom Node geerbt. Dies wurde jedoch in Version 4 geändert.
In den Beispielen, die sich auf das dataset beziehen, schließt "moderne Browser" insbesondere Versionen von Internet Explorer mit einer Ausnahme von weniger als 11 aus. Weitere Informationen finden Sie unter caniuse.com .
Ein Attribut erhalten
Einige Attribute sind direkt als Eigenschaften des Elements href (z. B. alt , href , id , title und value ).
var a = document.querySelector("a"),
url = a.href;
Auf andere Attribute, einschließlich Datenattribute, kann wie folgt zugegriffen werden:
var a = document.querySelector("a"),
tooltip = a.getAttribute("aria-label");
Auf Datenattribute kann auch über ein dataset (moderne Browser) zugegriffen werden.
// <a href="#" data-tracking-number="ABC-123">Widget</a>
var a = document.querySelector("a"),
tracker = a.dataset.trackingNumber;
Attribut setzen
Einige Attribute sind direkt als Eigenschaften des Elements verfügbar (z. B. alt, href, id, title und value).
document.querySelector("a").href = "#top";
Andere Attribute, einschließlich Datenattribute, können wie folgt festgelegt werden:
document.querySelector("a").setAttribute("aria-label", "I like turtles");
Datenattribute können auch über Dataset (moderne Browser) festgelegt werden
var a = document.querySelector("a");
a.dataset.test = "123";
a.dataset['test-2'] = "456";
führt in
<a href="#" data-test="123" data-test-2="456">Widget</a>
Attribut entfernen
So entfernen Sie ein Attribut, einschließlich der direkt zugänglichen Eigenschaften
document.querySelector("a").removeAttribute("title");
Datenattribute können auch wie folgt entfernt werden (moderne Browser):
// remove "data-foo" attribute
delete document.querySelector("a").dataset.foo;
