39、深入理解文档对象模型（DOM）

深入理解文档对象模型（DOM）

1. DOM 基础方法

在 DOM 操作中，有两个重要的方法需要了解： cloneNode() 和 normalize() 。

1.1 cloneNode() 方法

cloneNode() 方法用于复制 DOM 节点，但它不会复制你添加到 DOM 节点的 JavaScript 属性，例如事件处理程序。该方法仅复制属性，并且可以选择复制子节点，其他内容都会丢失。

1.2 normalize() 方法

normalize() 方法的主要作用是处理文档子树中的文本节点。由于解析器的实现或 DOM 操作，可能会出现包含空文本的文本节点或相邻的文本节点。当在某个节点上调用 normalize() 方法时，会搜索该节点的所有后代节点，若发现空文本节点则将其移除；若发现相邻的文本节点，则将它们合并为一个文本节点。

2. 文档类型（Document Type）

在 JavaScript 中，文档节点通过 Document 类型来表示。在浏览器中， document 对象是 HTMLDocument （继承自 Document ）的一个实例，代表整个 HTML 页面。 document 对象是 window 的一个属性，因此可以全局访问。