试一试，定义clearText()函数，完成节点内容的删除。
1. 删除该节点的内容，先要获取子节点。
2. 然后使用循环遍历每个子节点。
3. 使用removeChild()删除节点。
特别要注意的是21行与25行 ，因为每次删除一个结点以后 length长度是变化的，所以需要这样来遍历！删除一个结点之后下一个结点就是childNode[0]!链接：http://www.imooc.com/qadetail/56371 解释很详细了
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>无标题文档</title> 6 </head> 7 8 <body> 9 <div id="content"> 10 <h1>html</h1> 11 <h1>php</h1> 12 <h1>javascript</h1> 13 <h1>jquery</h1> 14 <h1>java</h1> 15 </div> 16 17 <script type="text/javascript"> 18 function clearText() { 19 var content=document.getElementById("content"); 20 // 在此完成该函数 21 var len=content.childNodes.length; 22 for(var i=0;i<len;i++) 23 { 24 25 var x=content.removeChild(content.childNodes[0]); 26 x=null; 27 28 } 29 30 } 31 </script> 32 33 <button onclick="clearText()">清除节点内容</button> 34 35 36 37 </body> 38 </html>