HTML DOM normalizeDocument()用法及代码示例

HTML中的normalizeDocument()方法用于通过删除任何空文本节点(如果存在)来标准化HTML文档。删除空节点后，它还会合并文档中存在的所有相邻节点。

例如，考虑以下元素：

Element Geeks
    Text node:""
    Text node:"Hello "
    Text node:"wor"
    Text node:"ld"

标准化后的以上元素将变为“Hello world”。

注意：任何浏览器均不支持此方法，但它用作DOM normalize()方法并显示输出。

用法:

geeknode.normalize()

参数：

normalize()方法不需要任何参数。

例：

<!DOCTYPE html> 
<html> 
  
<head> 
    <meta http-equiv="Content-Type" 
     content="text/html; charset=utf-8" /> 
    <title>GeeksForGeeks | HTML DOM Normalize Method</title> 
</head> 
  
<body> 
    <script type="text/javascript"> 
        var parent = document.createElement("div"); 
        parent.appendChild(document.createTextNode("Child 1 ")); 
        parent.appendChild(document.createTextNode("Child 2 ")); 
        parent.appendChild(document.createTextNode("Child 3")); 
        
        // Here the length of parent's child nodes would be 3,  
        // you can check the same 
        // using parent.childNodes.length.  
        alert('Before Normalize:child nodes length:' +  
              parent.childNodes.length); 
        parent.normalize(); 
        document.body.appendChild(parent); 
        
        // Now, parent.childNodes.length === 1 
        // Content of all 3 childs nodes 
        // are in one child node only. 
        alert('After Normalize:child nodes length:' +  
              parent.childNodes.length); 
    </script> 
</body> 
  
</html>

输出：
在Normalize()调用之前：

在Normalize()调用之后：

支持的浏览器：DOM normalizeDocument()方法不支持主要的浏览器

相关用法

注：本文由纯净天空筛选整理自KV30大神的英文原创作品 HTML | DOM normalizeDocument() Method。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。