个回答

• PaulPierce

  2019-01-03 16:32:03

  for(var i=0;i<content.childNodes.length;i++) 你应该从后面的元素的删除起, 而不是 前面. 

  0

• qq_长剑Zlf古风君疯狂剑客_03964233

  2018-10-14 12:31:13

  我也被这个难到了
  

  0

• 慕瓜4462994

  2018-09-17 17:16:27

  自答。

  因为在Chrome，Firefox等浏览器看来，HTML代码写在一行和分多行是有区别的，上述HTML部分实际上存在空节点，如图片：

  

  空节点是不具有innerHTML属性，其次在循环的同时，数组的长度在改变，这就难以得到正确结果。

  正确做法之一是，将非空节点存在新数组中，然后处理新数组元素：

  <div id="content">
  <h1>html</h1>
  <h1>php</h1>
  <h1>javascript</h1>
  <h1>jquery</h1>
  <h1>java</h1>
  </div>
  
  <script type="text/javascript">
  function clearText() {
  var content=document.getElementById("content");
  var childArr = content.childNodes;
  
  //筛选出元素节点(新数组里不再有空节点)
  var eleNodeArr = new Array();
  for(var i=0;i<childArr.length;i++){
      if(childArr[i].nodeType==1){
          var x = eleNodeArr.push(childArr[i]);//将元素节点存入新数组
      }
  }
  
  //   依次删除元素节点
      for (var i=0;eleNodeArr.length; i++) {
              var y = content.removeChild(eleNodeArr[i]);
              document.write("被删除的内容为："+y.innerHTML+"<br>");//注意，这里不能用eleNodeArr[i]代替y
          }
    }
    </script>
    <button onclick="clearText()">清除节点内容</button>

  
  

  1