這樣刪除節點對嗎？
<!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.parentNode;
?concn.removeChild(content);
}
</script>
<button onclick="clearText()">清除節點內容</button>
</body>
</html>
2016-10-13
你這樣做從語法上沒有任何問題，從顯示效果上，也沒什么差別，但從刪除后的 DOM 結構上來看，和題目意思有所出入。
題目的意思是將 div 元素下的所有子節點刪除，保留 div。你的做法是將 div 整個刪除。
按照題目的意思可以有許多方法，這里給出一種：
function?clearText()?{ ??var?content=document.getElementById("content"); ??//?在此完成該函數 ??while?(content.firstChild)?{ ??????var?node?=?content.firstChild; ??????content.removeChild(node); ??} }2016-09-28
<!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 removeContent=content.removeChild(content.childNodes[0]);
}
</script>
<button onclick="clearText()">清除節點內容</button>
</body>
</html>
2016-09-28
不對啊