【JS学习】慕课网9-14 删除结点操作的问题

试一试,定义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>

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。