JavaScript文档树

JavaScript文档树（Document Object Model，DOM）是浏览器将HTML文档解析为树状结构的表示方式。它由节点组成，每个节点表示HTML文档中的一个元素、属性、文本内容或注释等。

DOM树包含以下几种类型的节点：

1. 元素节点（Element Node）：表示HTML文档中的元素标签，如<div>、<p>等。元素节点可以包含子节点和属性。

2. 文本节点（Text Node）：表示HTML文档中的文本内容，如<p>这是一个段落。</p>中的“这是一个段落。”。

3. 属性节点（Attribute Node）：表示HTML文档中的元素的属性，如<a href="https://www.example.com">中的“href”属性。

4. 注释节点（Comment Node）：表示HTML文档中的注释内容，如<!-- 这是一个注释 -->。

DOM树通过父子关系和兄弟关系连接各个节点，形成一个层级结构。通过DOM API，我们可以使用JavaScript来遍历、操作和修改DOM树中的节点。

例如，可以使用document.getElementById方法获取指定ID的元素节点，使用element.innerHTML或element.textContent属性来获取或修改元素节点的内容，使用element.setAttribute方法来设置元素节点的属性等。

JavaScript中的DOM API提供了丰富的方法和属性，可以实现对HTML文档的动态操作，比如创建、删除和修改元素、添加和移除事件监听器等。