为了账号安全,请及时绑定邮箱和手机立即绑定

关于删除节点的问题

<!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 clearAll() {

  var content=document.getElementById("content");

  for(var i=content.childNodes.length-1;i>=0;i--) {

     var childNode = content.childNodes[i];

     content.removeChild(childNode);

  }

}

function clearOne() {

    content.removeChild(content.childNodes[content.childNodes.length-1]);

}


</script>


<button onclick="clearAll()">清除全部全部全部节点内容</button>

<button onclick="clearOne()">qingchu清楚一个</button>

</body>

</html>


求大神解答,为什么第二个button要点两次才能删除一个节点?谢谢!

正在回答

1 回答

你用的是什么浏览器?除了IE外的浏览器,将元素节点之间的空白行也算做一个节点,所以第一次清除的是个空白行。你可以调试看看。

0 回复 有任何疑惑可以回复我~
#1

自律让人自由4008941 提问者

非常感谢!
2016-11-12 回复 有任何疑惑可以回复我~
#2

自律让人自由4008941 提问者

用的chrome,把空白取消了 果然没问题了 谢谢~
2016-11-12 回复 有任何疑惑可以回复我~
#3

aaa球

既然都是节点,为什么不能按一下把所有节点都删除呢????
2016-12-01 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

关于删除节点的问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信