Résumé de l'apprentissage JavaScript [9], DOM Ready

1. DOM

DOM (Modèle Objet de Document ) est le modèle objet du document, qui est extrait du document. L'objet de l'opération DOM est le document DOM qui présente le document HTML sous la forme d'une structure arborescente avec des éléments, des attributs et du texte, c'est-à-dire une arborescence de nœuds. Grâce à DOM, JS peut créer du HTML dynamique, qui permet aux pages Web d'afficher des effets dynamiques et de réaliser des fonctions interactives avec les utilisateurs. DOM nous fournit une interface pour contrôler dynamiquement le HTML à l'aide de programmes (également appelés API), donc DOM est l'endroit où JS fournit des outils HTML Soyez au cœur des capacités d’interaction et d’effet dynamiques. Si vous souhaitez utiliser le DOM en toute sécurité, vous devez attendre que tous les HTML de la page soient analysés dans les nœuds DOM avant de pouvoir opérer, nous devons donc comprendre DOMReady. Avant cela, passons en revue les nœuds DOM.

　(1), types de nœuds courants

　Types de nœuds courantsIl existe les 7 types suivants :

节点类型	说明	数值常量
Element(元素节点)	HTML标签元素。	1
Attr(属性节点)	元素节点的属性。	2
Text(文本节点)	元素节点或属性节点中的文本内容。	3
Comment(注释节点)	表示注释的内容。	8
Document(文档节点)	表示整个文档（DOM 树的根节点，即 document ）。	9
DocumentType(文档类型节点)	就是文档类型节点。	10
DocumentFragment(文档片段节点)	表示文档的一部分或者是一段，它不属于文档树。	11

Nœud Type

Description

Constante numérique

Élément (nœud d'élément)

Élément de balise HTML.

1

Attr (nœud d'attribut)

Attributs des nœuds d'éléments.

2

Texte (nœud de texte)

Contenu texte dans les nœuds d'élément ou les nœuds d'attribut.

3

Commentaire (nœud de commentaire)

représente le contenu du commentaire.

8

Document (nœud de document)

représente l'intégralité du document (le nœud racine de l'arborescence DOM, c'est-à-dire le document).

9

DocumentType (nœud de type de document) td>

est le nœud du type de document.

10

DocumentFragment (nœud de fragment de document) td>

représente une partie ou un paragraphe du document, qui n'appartient pas à l'arborescence du document.

11

　(2), Description du type de nœud

　Nœud d'élément ,Il s'agit d'un élément de balise HTML, tel que

,

,

, etc.

　Nœud d'attribut , est l'attribut du nœud d'élément, tel que l'identifiant, la classe, le nom, etc. Les nœuds d'attribut ne peuvent pas être considérés comme des nœuds d'élément, donc les attributs ne sont pas considérés comme faisant partie de l'arborescence du document dans le DOM. En d'autres termes, le nœud d'attribut fait partie du nœud d'élément qui le contient et ce n'est pas un nœud distinct dans le document. .apparaissent dans l'arborescence.

　Nœud de texte , est un nœud qui contient uniquement du contenu textuel. Il peut contenir plus d'informations ou simplement des espaces blancs. Le contenu textuel des éléments et des attributs de l'arborescence du document est représenté par des nœuds de texte.

　Nœud de commentaire , est un commentaire dans le document, et sa forme est