HTML | DOM normalizeDocument() 方法(1)

📌 相关文章

📜 HTML | DOM normalizeDocument() 方法(1)

📅 最后修改于: 2023-12-03 14:41:48.246000 🧑 作者: Mango

HTML | DOM normalizeDocument() 方法用于把文档树中的文本节点合并成一个节点。它会移除空的文本节点，同时将相邻的文本节点合并成一个节点。

normalizeDocument() 方法没有参数。

document.normalizeDocument();

假设我们有一个包含多个空白文本节点和相邻的文本节点的文档：

<!DOCTYPE html>
<html>
<body>

<div>Hello</div>

<p> </p>
<p>   </p>

<span>World</span>
<span>!</span>

</body>
</html>

我们可以使用 normalizeDocument() 方法来合并空白文本节点和相邻的文本节点：

document.normalizeDocument();

执行上面的代码会将文档改为以下内容：

<!DOCTYPE html>
<html>
<body>

<div>Hello</div>

<p></p>

<span>World!</span>

</body>
</html>

可以看到，空白文本节点和相邻的文本节点都被合并了。