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

想点击一次删除一个子节点，为什么必须点击两次才能删除一个？？？

Sanlang

2015-01-07

源自：JavaScript进阶篇 9-14

关注问题我要回答

2934

操作

收起

3 回答

世界冠军
2015-01-08

<!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 firstChilds(data){
 
var dd = data.firstChild
 
while (dd.nodeType != 1){
data.removeChild(dd);
dd = data.firstChild
}
return dd
}
 
function clearText() {
  var content=document.getElementById("content");
  // 在此完成该函数
   
  var x = content.removeChild(firstChilds(content));  
  x = null;
}  
 
</script>
 
<button onclick="clearText()">清除节点内容</button>
 
 
 
</body>
</html>