<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>合并文本节点normalize()</title> <!-- node.normalize();合并节点node内相邻的文本节点并删除空的文本节点 --> </head> <body> <div id="a"></div> <script> var div=document.getElementById("a"); var text1=document.createTextNode("我是"); var text2=document.createTextNode("谁？"); var text3=document.createTextNode("我就是我"); div.appendChild(text1); div.appendChild(text2); div.appendChild(text3); console.log(div.childNodes.length);//3，合并前子节点长度 div.normalize();//将div内的所有节点合并 console.log(div.childNodes.length);//1，合并后子节点长度 </script> </body> </html>