                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

为什么点了之后没反应？？

<!DOCTYPE HTML>

<html>

<head>

<title>无标题文档</title>

</head>

<body>

<h1>javascript</h1>

<h1>jquery</h1>

</div>

function clearText() {

var content=document.getElementById("content");

// 在此完成该函数

for(var i =0;i<content.length;i++)

{

var x = content.removeChild(content.childNodes[i]);

}

</script>

<button onclick="clearText()">清除节点内容</button>

</body>

</html>

未來Miral

2016-11-22

源自：JavaScript进阶篇 9-14

关注问题我要回答

850

操作

收起

3 回答

qq_皓月_5 回答被采纳 +3 积分
2016-11-22

至于不能一次性清除所有的子节点的节点值，可以把循环条件变为for(i=content.childNodes.length-1;i>=0;i--)

这样就可以一次性清除所有显示内容

0 回复有任何疑惑可以回复我~

收起回答

未來Miral 提问者

非常感谢！

2016-11-22 回复有任何疑惑可以回复我~

慕九州5990196
2016-11-24

function clearText() {
  var content=document.getElementById("content");
  // 在此完成该函数
  var content1=content.childNodes;
  
  for(var i=0;i<content1.length;i++)
  {
      /*
      跳过空格，因为节点和空格是交替出现的,而且子节点数组长度也会因删除而变化,所以跳过第一个空格后，会直                                                                   
      接一个节点一个节点的删除，直到将节点全部删除，实现点击一次删除所有节点的目的。
      这种方法有点取巧的方式，标准做法是倒着删。                  
      */      
      if(content1[i].nodeType!=1)              
      {
          
          continue;
      }
      content.removeChild(content1[i]); 
  }
  
}

0 回复有任何疑惑可以回复我~

收起回答