N?uds et arbres de n?uds
Le concept de n?uds et d'arborescences de n?uds
Chaque contenu d'un document HTML est un n?ud, y compris les balises HTML, les attributs de balise, le contenu du texte, les commentaires, les espaces ou les onglets, etc.
Tous les n?uds d'un document HTML forment une arborescence de n?uds (ou arborescence de documents). Chaque élément, attribut, texte, etc. dans un document HTML représente un n?ud dans l'arborescence. L'arborescence commence au n?ud de document et continue de se ramifier à partir de là vers tous les n?uds de texte au niveau le plus bas de l'arborescence.
Relation entre les n?uds
Il existe des relations hiérarchiques entre les n?uds DOM, y compris les n?uds parents, les n?uds enfants, les n?uds frères (n?uds pairs), les descendants, les parents, etc.
<html> <head> <title>DOM節(jié)點(diǎn)之間的關(guān)系</title> </head> <body> <h1>這是標(biāo)題</h1> <p>這是內(nèi)容</p> </body> </html>
Comme le montre le code ci-dessus?:
Chaque n?ud, à l'exception du n?ud de document (n?ud racine), a un n?ud parent.
Par exemple, le n?ud parent de <head> et <body> est le n?ud <html> .
La plupart des n?uds d'éléments ont des n?uds enfants.
Par exemple, le n?ud <head> a un n?ud enfant : le n?ud <title> le n?ud <title>
Lorsque les n?uds ont un n?ud parent commun, ils sont frères et s?urs (n?uds frères et s?urs).
Par exemple, <h1> et <p> sont des n?uds frères et leurs n?uds parents sont tous deux des n?uds <body>
Les n?uds peuvent également avoir des descendants, qui font référence à tous les n?uds enfants d'un n?ud, ou aux n?uds enfants de ces n?uds enfants, et ainsi de suite.
Par exemple, tous les n?uds de texte sont des descendants du n?ud <html>, et le premier n?ud de texte est un descendant du n?ud <head>.
Les n?uds peuvent aussi avoir des ancêtres. Un ancêtre est le n?ud parent d'un n?ud, ou le n?ud parent d'un n?ud parent, et ainsi de suite.
Par exemple, tous les n?uds de texte peuvent avoir le n?ud <html> comme n?ud ancêtre.