HTML DOM EigenschaftObjekt
HTML-DOM-Knoten
Im HTML DOM (Document Object Model) ist allesein Knoten：
- Das Dokument ist ein Dokumentknoten
- Alle HTML-Elemente sind Elementknoten
- Alle HTML-Attribute sind Attributknoten
- Der in HTML-Elemente eingefügte Text besteht aus Textknoten
- Kommentare sind Kommentarknoten
Attr-Objekt
Im HTML DOM repräsentiertdas Attr-Objektein HTML-Attribut.
HTML-Attribute gehören immer zu HTML-Elementen.
NamedNodeMap-Objekt
Im HTML DOM repräsentiert dasNamedNodeMap-Objekteine ungeordnete Liste von Knoten.
Wir können auf die Knoten in einer NamedNodeMap über den Knotennamen zugreifen.
Browser-Unterstützung
Alle gängigen Browser unterstützen das Attr-Objekt und das NamedNodeMap-Objekt.
| Eigenschaft / Methode | Beschreibung |
|---|---|
| attr.isId | Die isId-Eigenschaft gibt true zurück, wenn das Attribut vom Typ ID ist, andernfalls gibt sie false zurück. |
| attr.name | Gibt den Attributnamen zurück |
| attr.value | Legt den Attributwert fest oder gibt ihn zurück |
| attr.specified | Gibt true zurück, wenn das Attribut spezifiziert ist, andernfalls false. |
| nodemap.getNamedItem() | Gibt den spezifizierten Attributknoten aus der Knotenliste zurück. |
| nodemap.item() | Gibt den Knoten am angegebenen Index in der Knotenliste zurück. |
| nodemap.length | Gibt die Anzahl der Knoten in der Knotenliste zurück. |
| nodemap.removeNamedItem() | Löscht den angegebenen Attributknoten |
| nodemap.setNamedItem() | Legt den angegebenen Attributknoten (nach Namen) fest |
DOM 4 Warnung !!!
Im W3C DOM Core erbt das Attr-Objekt (Attributobjekt) alle Eigenschaften und Methoden eines Knotenobjekts.
In DOM 4 erbt das Attr-Objekt (Attributobjekt) nicht mehr vom Knotenobjekt.
Um langfristige Codequalität zu gewährleisten, sollten Sie vermeiden, Eigenschaften und Methoden von Knotenobjekten auf Attributobjekte anzuwenden:
| Eigenschaft / Methode | Grund zur Vermeidung |
|---|---|
| attr.appendChild() | Attribut hat keine untergeordneten Knoten |
| attr.attributes | Attribut hat keine Attribute |
| attr.baseURI | Verwenden Sie stattdessen document.baseURI |
| attr.childNodes | Attribut hat keine untergeordneten Knoten |
| attr.cloneNode() | Verwenden Sie stattdessen attr.value |
| attr.firstChild | Attribut hat keine untergeordneten Knoten |
| attr.hasAttributes() | Attribut hat keine Attribute |
| attr.hasChildNodes | Attribut hat keine untergeordneten Knoten |
| attr.insertBefore() | Attribut hat keine untergeordneten Knoten |
| attr.isEqualNode() | Keine Bedeutung |
| attr.isSameNode() | Keine Bedeutung |
| attr.isSupported() | Normalerweise true |
| attr.lastChild | Attribut hat keine untergeordneten Knoten |
| attr.nextSibling | Attribut hat keine Geschwisterknoten |
| attr.nodeName | Verwenden Sie stattdessenattr.name |
| attr.nodeType | Normalerweise 2 (ATTRIBUTE-NODE) |
| attr.nodeValue | Verwenden Sie stattdessenattr.value |
| attr.normalize() | Attribut hat keine Spezifikation |
| attr.ownerDocument | Normalerweise Ihr HTML-Dokument |
| attr.ownerElement | Das HTML-Element, das Sie für den Zugriff auf das Attribut verwendet haben |
| attr.parentNode | Das HTML-Element, das Sie für den Zugriff auf das Attribut verwendet haben |
| attr.previousSibling | Attribut hat keine Geschwisterknoten |
| attr.removeChild | Attribut hat keine untergeordneten Knoten |
| attr.replaceChild | Attribut hat keine untergeordneten Knoten |
| attr.textContent | Verwenden Sie stattdessenattr.value |