如何把刪除的子節(jié)點依次顯示出來？
如何把刪除的子節(jié)點依次顯示出來？為何我的這個代碼每點擊兩次按鈕依次刪除一個子節(jié)點
wfwy007
2017-04-17
1 回答
舉報
0/150
提交
取消
2017-04-17
<!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");
? ? ? ?// 在此完成該函數(shù)
? ? ? ?var conCN = content.childNodes;
? ? ? ?while ( (conCN.length > 0) && (conCN[0].nodeType != 1) )
? ? ? ?{
? ? ? ? ? ?content.removeChild(conCN[0]);
? ? ? ?}
? ? //回顯已刪除
? ? ? var newDiv = document.createElement("div");
? ?if (conCN.length >0)
? ?{
? ? ? ?var rmNode = content.removeChild(conCN[0]);
? ?}
? ?else
? ?{
? ? ? ?newDiv.innerHTML = "there is no node!"
? ?}
? ?content.parentNode.appendChild(newDiv);
? ?}
</script>
<button onclick="clearText()">清除節(jié)點內容</button>
</body>
</html>