課程
/前端開發
/JavaScript
/JavaScript進階篇
代碼運行沒錯誤,但看了同學代碼心虛了,自己寫得好爛。
2016-01-16
源自:JavaScript進階篇 9-14
正在回答
你這種寫法沒有問題,是一次性全部都刪除。
也可以一條一條刪除
<!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 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]);????? newDiv.innerHTML = "clear \"" + rmNode.innerHTML + "\" done!";? }? else? {????? newDiv.innerHTML = "there is no node!"? }? content.parentNode.appendChild(newDiv);}</script><button onclick="clearText()">清除節點內容</button></body></html>
舉報
本課程從如何插入JS代碼開始,帶您進入網頁動態交互世界
4 回答這種寫法是否正確
2 回答這種寫法有錯嗎
4 回答請問這種刪除寫法為什么刪不了
2 回答請問問什么這種方法不行
5 回答請問這樣寫有什么問題?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-01-18
你這種寫法沒有問題,是一次性全部都刪除。
也可以一條一條刪除
<!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 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]);
????? newDiv.innerHTML = "clear \"" + rmNode.innerHTML + "\" done!";
? }
? else
? {
????? newDiv.innerHTML = "there is no node!"
? }
? content.parentNode.appendChild(newDiv);
}
</script>
<button onclick="clearText()">清除節點內容</button>
</body>
</html>