English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Das Attr-Objekt stellt ein Attribut im Element-Objekt dar.
HTML-Attribute gehören immer zu HTML-Elementen.
In den meisten DOM-Methoden können Sie Attribute direkt in Form von Strings abrufen (z.B.Element .getAttribute() und einige Funktionen (z.B. Element.getAttributeNode()) oder durch Iteration über die Methoden des gegebenen Attr-Typs.
Das NamedNodeMap-Objekt stellt eine unsortierte Sammlung von Attr-Objekten dar.
Knoten im NamedNodeMap können über Name oder Indexnummer erreicht werden.
| Attribute/Methode | Beschreibung |
|---|---|
| attr.isId | Gibt true zurück, wenn der Typ des Attributes Id ist, sonst false |
| attr.name | Rückgabe des Namens des Attributes |
| attr.value | Setzen oder Rückgabe des Wertes des Attributes |
| attr.specified | Gibt true zurück, wenn das Attribut bereits angegeben wurde, sonst false |
| nodemap.getNamedItem() | Rückgabe des angegebenen Attributknotens aus dem NamedNodeMap |
| nodemap.item() | Rückgabe des Attributknotens an der angegebenen Indexposition im NamedNodeMap |
| nodemap.length | Rückgabevorlage der Anzahl der Attributknoten im NamedNodeMap |
| nodemap.removeNamedItem() | Löschen Sie den angegebenen Attributknoten |
| nodemap.setNamedItem() | Setzen Sie den angegebenen Attributknoten (nach Namen) |
Dieser Beispiel zeigt alle Attribute-Namen des IMG-Elements:
var attrList = document.querySelector("img").attributes;
var text = "";
for (let x = 0; x < attrList.length;++) {
text += attrList[x].name + "<br>";
}Testen Sie heraus‹/›Dieser Beispiel zeigt alle Attribute-Werte des IMG-Elements:
var attrList = document.querySelector("img").attributes;
var text = "";
for (let x = 0; x < attrList.length;++) {
text += attrList[x].value + "<br>";
}Testen Sie heraus‹/›Dieser Beispiel ändert den Wert der src-Eigenschaft des IMG-Elements:
var image = document.querySelector("img");
image.getAttributeNode("src").value = "heart.jpg";Testen Sie heraus‹/›