请问这种方法为什么不能实现删除节点

来源:9-14 删除节点removeChild()

江悦豪

2016-04-30 23:36

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

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

</head>


<body>

<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 tesx1=getElementsTagName("h1");

  for(i=0,i<tesx1.length,i++){

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

  }

  

  

}

</script>


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




</body>

</html>


写回答 关注

2回答

  • 郑小佟
    2016-05-01 13:32:25
    已采纳
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
    </head>
    
    <body>
    <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 tesx1=document.getElementsByTagName("h1");
      //  var tesx1=getElementsTagName("h1"); 你写错了
      var len = tesx1.length;
      // for(i=0;i<len;i++) 可以比较下两个for的不同效果,思考下
      for(i=len-1;i>=0;i--)
      {   
        
    	
          var x =content.removeChild(tesx1[i]);
    	  //    var x =content.removeChild(text1[i]); 你写错了
      }
      
      
    }
    </script>
    <button onclick="clearText()">清除节点内容</button>
    
    
    
    </body>
    </html>


    郑小佟 回复江悦豪

    // for(i=0;i<len;i++) 可以比较下两个for的不同效果,思考下 for(i=len-1;i>=0;i--) //for(i=0,i<tesx1.length,i++)你写错了,for语法,是分号不是逗号

    2016-05-04 22:39:43

    共 4 条回复 >

  • 郑小佟
    2016-05-04 22:41:59

    浏览器解析代码的时候,遇到错误是会忽略的。

    在慕课网学习过程中,可以参考慕课网提供的代码,还有,必须掌握基本语法

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题