Qu'est-ce que l'objet document en HTML ? Un article pour vous aider à comprendre l'objet document-tutoriel HTML-php.cn

Qu'est-ce que l'objet document en HTML ? Un article pour vous aider à comprendre l'objet document

寻∝梦

Libérer： 2018-09-01 13:59:33

original

9143 Les gens l'ont consulté

Cet article présente principalement l'explication de l'objet document HTML, ainsi que l'analyse des exemples d'utilisation de l'objet document HTML. Ensuite, regardons cet article ensemble

Commençons par. introduisez l'objet document en HTML :

L'objet document (document) représente le document dans la fenêtre du navigateur. Cet objet est un sous-objet de l'objet fenêtre, car l'objet fenêtre est l'objet par défaut dans. le modèle objet DOM, Object, donc les méthodes et les sous-objets de l'objet window n'ont pas besoin d'être référencés à l'aide de window.

Toute balise HTML contenue dans le document HTML est accessible via l'objet document et le contenu de la balise HTML peut être modifié dynamiquement.

Par exemple, formulaires, images, tableaux, hyperliens, etc.

Jetons un coup d'œil à la collection d'objets Document en HTML :

Quest-ce que lobjet document en HTML ? Un article pour vous aider à comprendre lobjet document Jetons un coup d'œil à la description en ligne de l'objet document en HTML :

L'interface HTMLDocument étend l'interface du document DOM et définit les attributs et méthodes spécifiques au HTML.

De nombreuses propriétés et méthodes sont des objets HTMLCollection (en fait des tableaux en lecture seule qui peuvent être indexés par tableau ou par nom), qui contiennent des références à des ancres, des formulaires, des liens et d'autres éléments scriptables.

Ces attributs de collection sont dérivés du DOM de niveau 0. Ils ont été remplacés par Document.getElementsByTagName(), mais sont encore souvent utilisés car ils sont pratiques. La méthode

write() mérite d'être notée, car elle permet à un script d'insérer du contenu généré dynamiquement dans le document pendant le chargement et l'analyse du document.

Notez que dans le DOM niveau 1, HTMLDocument définit une méthode très utile appelée getElementById(). Dans le DOM niveau 2, cette méthode a été déplacée vers l'interface Document, et elle est désormais héritée par HTMLDocument plutôt que définie par celui-ci.

Ce qui suit est un exemple d'utilisation de l'objet document HTML :

<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>
上面的例子使

Copier après la connexion

Utilisation de l'objet document pour vérifier le titre du document et afficher le titre dans la boîte de message (s'il n'est pas vide). if(document.title!="")alert("title is "+document.title) L'exemple suivant montre une fonction de gestionnaire d'événements qui affiche la position actuelle de la souris sur la barre d'état du navigateur. La position résultante est relative à la. coin supérieur gauche du document.

Ce qui précède est l'introduction à l'objet document HTML dans cet article, ainsi que des exemples d'utilisation, afin que vous puissiez avoir une compréhension plus claire de l'objet document HTML. Si vous avez des questions, vous pouvez le faire. peut demander ci-dessous.

【Recommandation de l'éditeur】

Comment définir la taille de la police de la balise de police html ? Introduction à l'utilisation de l'attribut de balise de police HTML

Quel est le code pour ajouter des images en HTML ? Comment ajouter correctement le chemin de l’image en HTML ?

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!