Avec JavaScript, vous pouvez reconstruire l'ensemble du document HTML. Vous pouvez ajouter, supprimer, modifier ou ré-organiser les éléments sur la page. Pour changer quelque chose sur la page, JavaScript doit accéder à l'entrée à tous les éléments du document HTML. Cette entrée, avec la méthode et les attributs de l'élément HTML pour ajouter, déplacer, changer ou supprimer, est obtenue par le modèle d'objet de document (DOM). En 1998, W3C a publié la spécification DOM de premier niveau. Cette spécification permet l'accès et le fonctionnement de chaque élément individuel dans la page HTML. Tous les navigateurs exécutent cette norme, de sorte que la compatibilité de DOM est presque difficile à trouver. DOM peut être utilisé par JavaScript pour lire et modifier les documents HTML, XHTML et XML.
DOM est divisé en différentes parties (noyaux, XML, HTML) et niveau (Dom Niveau 1/2/3):Domom noyau
Définissez un ensemble de normes pour tout objet de document structuré
XML DOM
Définir un ensemble de normes pour les documents XML
HTML DOM
Définissez un ensemble de normes pour les documents HTML.
nœudSelon le DOM, chaque composant du document HTML est un nœud.
Dom est fourni comme ceci:
Les nœuds ont une relation hiérarchique les uns avec les autres. Tous les nœuds du document HTML forment une arborescence de document (ou un arbre de nœud). Chaque élément, attribut, texte, etc. dans le document HTML représente un nœud dans l'arborescence. L'arbre commence au nœud du document, et il continue d'étendre les branches jusqu'à ce que tous les nœuds de texte au niveau le plus bas de l'arbre soient partout.
L'image suivante montre un arbre de document (arbre de nœud):
Arbre de document (nombre de nœuds)Veuillez consulter le document HTML suivant:
Html; "> <html> <éad- head> <itle> Dom Tutoriel </Title> </ head> <body> <h1> Dom Leçon un </h1> <p> Hello World! </p> </html>
Tous les nœuds ci-dessus ont une relation entre eux. Chaque nœud à l'exception des nœuds de document a des nœuds parents. Par exemple, les nœuds parents de <A-Head> et de Body> sont des nœuds <html>, et les nœuds parents du nœud de texte Hello World! La plupart des nœuds d'élément ont des sous-codes. Par exemple, le nœud <A-Head> a un nœud Sub -Node: <Title>. <Title> Il y a aussi un sous-nœud de Node de texte DOM. Lorsque les nœuds partagent le même nœud parent, ils sont la même génération (le même nœud). Par exemple, <h1> et <p> sont leurs pairs, car leurs nœuds parents sont tous deux des nœuds <body>. Les nœuds peuvent également avoir une progéniture. Par exemple, tous les nœuds de texte sont des descendants de nœuds <html>, et le premier nœud de texte est la progéniture du nœud <adhead>. Les nœuds peuvent également avoir des ancêtres. L'ancêtre est le nœud parent d'un nœud ou le nœud parent du nœud parent, etc. Par exemple, tous les nœuds de texte peuvent utiliser des nœuds <html> comme nœuds prédécesseurs.