Attribute dynamisch ändern

Attribute wie href, src oder disabled steuern Eigenschaften von HTML-Elementen. Mit JavaScript kannst du sie setzen, auslesen, entfernen und prüfen – ohne die Seite neu zu laden.

setAttribute()

Mit setAttribute() setzt oder überschreibst du ein Attribut. Du übergibst den Attributnamen und den neuen Wert.

1const link = document.querySelector("a");
2
3link.setAttribute("href", "https://example.com");
4link.setAttribute("target", "_blank");

getAttribute()

getAttribute() liest den aktuellen Wert eines Attributs. Fehlt das Attribut, kommt null zurück.

1const bild = document.querySelector("img");
2
3const quelle = bild.getAttribute("src");
4console.log(quelle);

removeAttribute()

Mit removeAttribute() löschst du ein Attribut komplett vom Element – z. B. um ein Eingabefeld wieder freizugeben.

1const input = document.querySelector("input");
2
3input.removeAttribute("disabled");

hasAttribute()

hasAttribute() prüft, ob ein Attribut vorhanden ist, und liefert true oder false. Praktisch für bedingte Logik.

1const button = document.querySelector("button");
2
3if (button.hasAttribute("disabled")) {
4    console.log("Der Button ist deaktiviert.");
5} else {
6    console.log("Der Button ist aktiv.");
7}