Heim  >  Artikel  >  Web-Frontend  >  Was ist das Dokumentobjekt in HTML? Ein Artikel, der Ihnen das Verständnis des Dokumentobjekts vermittelt

Was ist das Dokumentobjekt in HTML? Ein Artikel, der Ihnen das Verständnis des Dokumentobjekts vermittelt

寻∝梦
寻∝梦Original
2018-09-01 13:59:339087Durchsuche

Dieser Artikel führt hauptsächlich die Erklärung des HTML-Dokumentobjekts sowie die Analyse von Verwendungsbeispielen des HTML-Dokumentobjekts ein. Als nächstes schauen wir uns diesen Artikel gemeinsam an.

Zuerst lasst uns Einführung des Dokumentobjekts in HTML:

Das Dokumentobjekt (Dokument) stellt das Dokument im Browserfenster dar. Dieses Objekt ist ein Unterobjekt des Fensterobjekts, da das Fensterobjekt das Standardobjekt ist Das DOM-Objektmodell Object, daher müssen Methoden und Unterobjekte im Fensterobjekt nicht mit window referenziert werden.

Auf jedes im HTML-Dokument enthaltene HTML-Tag kann über das Dokumentobjekt zugegriffen werden, und der Inhalt im HTML-Tag kann dynamisch geändert werden.

Zum Beispiel Formulare, Bilder, Tabellen, Hyperlinks usw.

Werfen wir einen Blick auf die Document-Objektsammlung in HTML:

Was ist das Dokumentobjekt in HTML? Ein Artikel, der Ihnen das Verständnis des Dokumentobjekts vermitteltWerfen wir einen Blick auf die Online-Beschreibung des Document-Objekts in HTML :

HTMLDocument-Schnittstelle erweitert die DOM-Dokumentschnittstelle und definiert HTML-spezifische Attribute und Methoden.

Viele Eigenschaften und Methoden sind HTMLCollection-Objekte (eigentlich schreibgeschützte Arrays, die nach Array oder Namen indiziert werden können), die Verweise auf Anker, Formulare, Links und andere skriptfähige Elemente enthalten.

Diese Sammlungsattribute werden vom DOM der Ebene 0 abgeleitet. Sie wurden durch Document.getElementsByTagName() ersetzt, werden aber immer noch häufig verwendet, weil sie praktisch sind. Erwähnenswert ist die Methode

write(), da sie es einem Skript ermöglicht, dynamisch generierte Inhalte in das Dokument einzufügen, während das Dokument geladen und analysiert wird.

Beachten Sie, dass HTMLDocument im Level-1-DOM eine sehr nützliche Methode namens getElementById() definiert. Im Level 2 DOM wurde diese Methode in die Document-Schnittstelle verschoben und wird nun von HTMLDocument geerbt und nicht von diesem definiert.

Das Folgende ist ein Beispiel für die Verwendung des HTML-Dokumentobjekts:

<HTML>
<HEAD>
<TITLE>PHP中文网</TITLE>
<SCRIPT LANGUAGE="JScript">function reportMove()
{ window.status = "X=" + window.event.x + " Y=" + window.event.y;
}
</SCRIPT>
</head>
<BODY onmousemove="reportMove()">
<H1>欢迎!</H1>
</BODY>
</HTML>
上面的例子使

Verwendung des Dokumentobjekts, um den Dokumenttitel zu überprüfen und den Titel im Meldungsfeld anzuzeigen (falls es ist nicht leer) ). if(document.title!="")alert("title is "+document.title) Das folgende Beispiel zeigt eine Event-Handler-Funktion, die die aktuelle Position der Maus in der Statusleiste des Browsers anzeigt obere linke Ecke des Dokuments.

Das Obige ist die Einführung in das HTML-Dokumentobjekt in diesem Artikel sowie Anwendungsbeispiele, damit Sie ein klareres Verständnis des HTML-Dokumentobjekts haben Kann unten fragen.

【Empfehlung des Herausgebers】

Wie stelle ich die Schriftgröße des HTML-Schriftart-Tags ein? Einführung in die Verwendung des HTML-Schriftart-Tag-Attributs

Was ist der Code zum Hinzufügen von Bildern in HTML? Wie füge ich den Bildpfad korrekt in HTML hinzu?

Das obige ist der detaillierte Inhalt vonWas ist das Dokumentobjekt in HTML? Ein Artikel, der Ihnen das Verständnis des Dokumentobjekts vermittelt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn