關于刪除節點的問題
<!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要點兩次才能刪除一個節點？謝謝！
2016-11-12
你用的是什么瀏覽器？除了IE外的瀏覽器，將元素節點之間的空白行也算做一個節點，所以第一次清除的是個空白行。你可以調試看看。