Le HTML DOM définit le document de HTML comme collection d'objet.
Les objets ont des méthodes et des propriétés. Les objets peuvent également répondre aux événements.
Un exemple de HTML DOM
Cet exemple de codage montre comment la couleur de fond d'un document de HTML peut être changée en jaune quand un clic d'utilisateur là-dessus :
<html>
<head>
<script type="text/javascript">
function ChangeColor()
{
document.body.bgColor="yellow"
}
</script>
</head>
<body onclick="ChangeColor()">
Click on this document!
</body>
</html>
Objets de document
Le HTML DOM définit des documents de HTML comme collection d'objet.
L'objet de document est le parent de tous autres objets dans des documents de HTML.
L'objet de document.body représente l'élément de <body> des documents de HTML.
L'objet de document est le parent de l'objet de corps, et l'objet de corps est un enfant des objets de document
Propriétés d'objet
Les objets de document de HTML peuvent avoir des propriétés (appelées en tant qu'attributs).
La propriété de document.body.bgColor définit la couleur de fond de l'objet de corps.
Le rapport document.body.bgColor= " jaune " dans l'exemple ci-dessus, a placé la couleur de fond du document de HTML pour jaunir.
Événements d'objet
Les objets de document de HTML peuvent également répondre aux événements.
L'attribut de " ChangeColor d'onclick= () « de l'élément de <body> dans l'exemple ci-dessus, définit une action pour avoir lieu quand le clic d'utilisateur sur le document.
Fonctions
La fonction de ChangeColor () dans l'exemple ci-dessus, est une fonction de Javascript.
La fonction sera déclenchée (commencé) quand l'utilisateur clique sur le document de HTML
Modèle changeant
Le HTML DOM définit également un modèle pour changer les modèles des objets de HTML.
L'exemple de codage au-dessous des expositions comment obtenir le même effet que le premier exemple, en changeant le modèle du corps objecte :
<html>
<head>
<script type="text/javascript">
function ChangeColor()
{
document.body.style.background="yellow"
}
</script>
</head>
<body onclick="ChangeColor()">
Click on this document!
</body>
</html>
Keywords:
html document, html element, html content, text node
