HTML DOM normalize() 方法
JavaScript基础 2022-06-08 11:30:13小码哥的IT人生shichen
HTML DOM normalize() 方法
实例
对元素进行正规化：
xmlDoc.getElementById("demo").normalize();
完整实例：
<!DOCTYPE html>
<html>
<body>
<p id="demo">点击按钮添加文本，点击另一个按钮来正规化元素。</p>
<button onclick="addTextNode()">添加文本节点</button>
<button onclick="normPara()">对段落进行正规化</button>
<script>
function addTextNode()
{
var y=document.createTextNode("请再次点击。");
var x=document.getElementById("demo");
x.appendChild(y);
var z=document.getElementById("cc");
z.innerHTML=x.childNodes.length;
}
function normPara()
{
var x=document.getElementById("demo");
x.normalize();
var z=document.getElementById("cc");
z.innerHTML=x.childNodes.length;
}
</script>
<p>上面的段落有 <span id="cc">1</span> 个子节点。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
normalize() 方法移除空的文本节点，并连接相邻的文本节点。
浏览器支持
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
所有主流浏览器均支持 normalize() 方法。
语法
node.normalize()
参数
无
返回值
无返回值
技术细节
| DOM 版本 | Core Level 2 Node Object |
