JS DOM Änderung von Elementeigenschaften

HTML DOM ermöglicht es JavaScript, die Attribute der HTML-Elemente abzurufen und zu ändern.

Eigenschaftswert des Elements abrufen

getAttribute()Methoden dienen dazu, den aktuellen Wert der angegebenen Eigenschaft eines Elements abzurufen.

Beispiel zur Abfrage der AnkerelementshrefundtitleAttributswert:

var link = document.getElementById("demo");
var href = link.getAttribute("href");
var　title　=　link.getAttribute("title");

var title = link.getAttribute("title");

setAttribute()Attribute auf einem Element setzen

Diese Methode wird verwendet, um den Wert eines Attributes auf einem bestimmten Element zu setzen. Wenn das Attribute bereits existiert, wird der Wert aktualisiert; andernfalls wird ein neues Attribute mit angegebenem Namen und Wert hinzugefügt.

Dieser Beispielcode aktualisiert den Wert des AttributeshrefDer Wert der Eigenschaft des Anchor-Elements wird auf

var x = document.getElementsByTagName("a")[0];
x.setAttribute("href", "https:"//de.oldtoolbag.com/css3/);

Genauso können SiesetAttribute()Diese Methode wird verwendet, um den Wert eines bestehenden Attributes eines HTML-Elements zu aktualisieren oder zu ändern.

document.getElementsByTagName("input")[0].setAttribute("type", "text");

Attribute aus einem Element entfernen

removeAttribute()Diese Methode wird verwendet, um Attribute von angegebenen Elementen zu entfernen.

Dieser Beispielcode entfernt denhrefEigenschaft:

document.getElementsByTagName("a")[0].removeAttribute("href");