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