Maison >interface Web >tutoriel HTML >Qu'est-ce que l'objet document en HTML ? Un article pour vous aider à comprendre l'objet document
Qu'est-ce que l'objet document en HTML ? Un article pour vous aider à comprendre l'objet document
- 寻∝梦original
- 2018-09-01 13:59:339145parcourir
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 :
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>
上面的例子使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】
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!