这样为什么不是一次性删除掉??

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

大大大大雄

2016-06-01 11:05

<!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 a= document.getElementsByTagName("h1")

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

    content.removeChild(a[i])=null;

  }    

}

</script>


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


写回答 关注

2回答

  • 盯叮町玎仃
    2016-06-03 08:04:27
    <!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 a= document.getElementsByTagName("h1");
      var len=a.length;
      for(var i=0;i<len;i++){
        content.removeChild(a[i]);
      }    
    
    }
    
    </script>
    
    
    <button onclick="clearText()">清除节点内容</button>


  • 淡定的皇阿玛
    2016-06-01 15:40:47

    试试for (var i=a.length-1; i>0; i--)

JavaScript进阶篇

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

468195 学习 · 21891 问题

查看课程

相似问题