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

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

<!DOCTYPE HTML>

<html>

<head>

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

</head>

<body>

<h1>javascript</h1>

<h1>jquery</h1>

</div>

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>

江悦豪

2016-04-30

源自：JavaScript进阶篇 9-14

关注问题我要回答

631

操作

收起

2 回答

郑小佟回答被采纳 +3 积分
2016-05-01

<!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>