DOM Attribute setzen, auslesen und entfernen
getAttribute, setAttribute, removeAttribute
siehe auch Mediaevent | w3schools |
Mit diesen Methoden kann man Attribute setzen, auslesen und entfernen. Ein Sache die man oft einsetzt.
getAttribute
var relationAttr = document.getElementById('vorname').getAttribute('required');
Hier wird der Wert des Attributes required des Elements mit der id vorname zurückgegeben. Gibt es kein solches Attribut wird der Wert null zurückgegeben.
setAttribute
document.getElementById('eingabe').setAttribute('contenteditable', 'false');
Ein Beispiel für Eingabefelder. Hier wird das Element mit der id "eingabe" als nicht editierbar ausgezeichnet, indem es das Attribut contenteditable mit dem Wert false zugewiesen bekommen hat. Attribut und Wert werden mit Komma getrennt eingefügt. Beachten Sie, dass bei der Attributzuweisung setAttribute sowohl der Name als auch der Wert des Attributes benötigt wird. Bei standalone Attributen, kann man meistens den Namen auch als Wert zuweisen. Das macht man auch für XML-konforme Seiten auf diese Weise. So schreibt man anstatt deactivate, deactivate="deactive", wenn es xml-konform sein soll.
createAttribute / nodeValue
Warum einfach, wenn es auch kompliziert geht; die vorige Vorgehensweise lässt sich auch in 3 Schritten realisieren. Im folgendem Beispiel wird dem body Tag das Attribut bgcolor="#EC&" zugewiesen.
var hintergrundfarbe = document.createAttribute("bgcolor");
hintergrundfarbe.nodeValue = "#EC6";
document.getElementsByTagName("body")[0].setAttributeNode(hintergrundfarbe);
removeAttribute
document.getElementById('eingabe').removeAttribute('style');
Hier wird das Attribut style im Element mit der id "eingabe" entfernt.
Knotentypen Node Object
Man unterscheidet verschiedene Knotentypen. Die ersten 3 sind die wichtigsten. Außer NodeType 9 vom Typ Document sind die weiteren in erster Linie für XHTML wichtig
| nodeType | |
| 1 | Elementknoten |
| 2 | Attributknoten |
| 3 | Textknoten |
| 9 | Document |
Es gibt verschiedene Methoden und Eigenschaften des Node Objects, um in der Hierachie des DOMs Veränderungen vorzunehmen.
| nächste Seite |  |
|