HTML DOM Eigenschaften

Eigenschaften sind die Werte von Knoten (HTML-Elementen), die Sie abrufen oder festlegen können.

Programmierschnittstelle

Auf das HTML DOM kann über JavaScript (und andere Programmiersprachen) zugegriffen werden.

Alle HTML-Elemente sind als Objekte definiert, und die Programmierschnittstelle besteht aus den Objektmethoden und Objekteigenschaften.

Methoden sind die Aktionen, die Sie ausführen können (z. B. Hinzufügen oder Ändern von Elementen).

Eigenschaften sind Werte, die Sie abrufen oder festlegen können (z. B. den Namen oder Inhalt eines Knotens).

innerHTML-Eigenschaft

Der einfachste Weg, den Inhalt eines Elements abzurufen, ist die Verwendung der innerHTML-Eigenschaft.

Die innerHTML-Eigenschaft ist nützlich, um den Inhalt von HTML-Elementen abzurufen oder zu ersetzen.

Beispiel

Der folgende Code ruft den innerHTML des <p>-Elements mit id="intro" ab:

Beispiel

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <p id="intro">Hello World!</p> <script> var txt=document.getElementById("intro").innerHTML; document.write(txt); </script> </body> </html>

Selbst ausprobieren »

Im obigen Beispiel ist getElementById eine Methode und innerHTML eine Eigenschaft.

lamp

Die innerHTML-Eigenschaft kann verwendet werden, um jedes HTML-Element abzurufen oder zu ändern, einschließlich <html> und <body>.

Die nodeName-Eigenschaft gibt den Namen eines Knotens an.

  • nodeName ist schreibgeschützt
  • Der nodeName eines Elementknotens ist derselbe wie der Tag-Name.
  • Der nodeName eines Attributknotens ist derselbe wie der Attributname.
  • Der nodeName eines Textknotens ist immer #text
  • Der nodeName eines Dokumentknotens ist immer #document

Hinweis:nodeName enthält immer den Tag-Namen eines HTML-Elements in Großbuchstaben.

nodeValue-Eigenschaft

Die nodeValue-Eigenschaft gibt den Wert eines Knotens an.

  • Der nodeValue eines Elementknotens ist undefined oder null
  • Der nodeValue eines Textknotens ist der Text selbst
  • Der nodeValue eines Attributknotens ist der Attributwert

Den Wert eines Elements abrufen

Das folgende Beispiel ruft den Textknotenwert des <p id="intro">-Tags ab:

Beispiel

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <p id="intro">Hello World!</p> <script> x=document.getElementById("intro"); document.write(x.firstChild.nodeValue); </script> </body> </html>

Selbst ausprobieren »

nodeType-Eigenschaft

Die nodeType-Eigenschaft gibt den Typ eines Knotens zurück. nodeType ist schreibgeschützt.

Die wichtigeren Knotentypen sind:

Elementtyp NodeType
Element 1
Attribute 2
Text 3
Kommentar 8
Dokumentation 9
Weitere Erweiterungen