- Dokumentobjekt
- Eigenschaften des Dokumentobjekts
- Methoden des Dokumentobjekts
- Beispiel für ein Dokumentobjekt
Der Dokumentobjekt repräsentiert das gesamte HTML-Dokument.
Wenn ein HTML-Dokument in den Browser geladen wird, wird es zu einem Dokumentobjekt. Es ist der Wurzelelement das das HTML-Dokument darstellt. Es verfügt über Eigenschaften und Methoden. Mithilfe des Dokumentobjekts können wir unserer Webseite dynamische Inhalte hinzufügen.
Wie bereits erwähnt, ist es das Objekt des Fensters. Also
window.document
Ist dasselbe wie
document
Laut W3C - „Das W3C Document Object Model (DOM) ist eine plattform- und sprachneutrale Schnittstelle, die es Programmen und Skripten ermöglicht, dynamisch auf den Inhalt, die Struktur und den Stil eines Dokuments zuzugreifen und diese zu aktualisieren.“
Eigenschaften des Dokumentobjekts
Sehen wir uns die Eigenschaften des Dokumentobjekts an, auf die das Dokumentobjekt zugreifen und die es ändern kann. 
Inorder-Durchquerung
Methoden des Dokumentobjekts
Wir können über seine Methoden auf den Inhalt eines Dokuments zugreifen und ihn ändern.
Die wichtigen Methoden des Dokumentobjekts sind wie folgt:
| Methode | Beschreibung |
|---|---|
| write('string') | schreibt die angegebene Zeichenfolge in das Dokument. |
| writeln('string') | Schreibt die angegebene Zeichenfolge mit einem Zeilenumbruch am Ende in das Dokument. |
| getElementById() | gibt das Element mit dem angegebenen ID-Wert zurück. |
| getElementsByName() | gibt alle Elemente mit dem angegebenen Namenswert zurück. |
| getElementsByTagName() | gibt alle Elemente mit dem angegebenen Tag-Namen zurück. |
| getElementsByClassName() | gibt alle Elemente mit dem angegebenen Klassennamen zurück. |
Zugriff auf Feldwerte nach Dokumentobjekt
In diesem Beispiel ermitteln wir den Wert des Eingabetexts nach Benutzer. Hier verwenden wir document.form1.name.value um den Wert des Namensfelds zu erhalten.
Hier, dokumentieren ist das Stammelement, das das HTML-Dokument darstellt.
k nächster Nachbar
Form 1 ist der Name des Formulars.
Name ist der Attributname des Eingabetextes.
Wert ist die Eigenschaft, die den Wert des Eingabetextes zurückgibt.
Sehen wir uns das einfache Beispiel eines Dokumentobjekts an, das den Namen mit der Begrüßungsnachricht ausgibt.
function printvalue(){ var name=document.form1.name.value; alert('Welcome: '+name); } Enter Name: