為啥我這樣寫網(wǎng)頁炸了而且還刷新不了
為啥我這樣寫網(wǎng)頁炸了而且還刷新不了
qq_慕UI5299547
2019-08-24
2 回答
舉報
0/150
提交
取消
2019-08-27
問題解決了，望采納
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標(biāo)題文檔</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");
document.write("content.innerHTML:<br>"+content.innerHTML);
document.write("content.childNodes[0].nodeValue="+content.childNodes[0].nodeValue+"<br>");
document.write("content.childNodes[1].nodeValue="+content.childNodes[1].nodeValue+"<br>");
document.write("content.childNodes[2].nodeValue="+content.childNodes[2].nodeValue+"<br>");
document.write("content.childNodes[0].nodeType="+content.childNodes[0].nodeType+"<br>");
document.write("content.childNodes[1].nodeType="+content.childNodes[1].nodeType+"<br>");
document.write("content.childNodes[2].nodeType="+content.childNodes[2].nodeType+"<br>");
document.write("content.childNodes[0].nodeName="+content.childNodes[0].nodeName+"<br>");
document.write("content.childNodes[1].nodeName="+content.childNodes[1].nodeName+"<br>");
document.write("content.childNodes[2].nodeName="+content.childNodes[2].nodeName+"<br><br><br>");
var otest = document.getElementsByTagName("h1");
document.write("content.childNodes.length="+content.childNodes.length+"<br>");
document.write("otest.length="+otest.length+"<br>");
var a = content.childNodes.length-1;
for(var i=a;i>=0;--i)
?
{
document.write("i="+i +"<br>");
document.write("content.childNodes[i].nodeName="+content.childNodes[i].nodeName +"<br>");
document.write("content.childNodes[i].nodeType="+content.childNodes[i].nodeType +"<br>");
while(content.childNodes[i].nodeType!="1")
{
--i;
}
document.write("content.childNodes[i].nodeName="+content.childNodes[i].nodeName +"<br>");
document.write("content.childNodes[i].nodeType="+content.childNodes[i].nodeType +"<br>");
? content.removeChild(content.childNodes[i]);
document.write(content.innerHTML);
? ? }
}
</script>
<button onclick="clearText()">清除節(jié)點內(nèi)容</button>
</body>
</html>
2019-09-02
function clearText() {
? var content = document.getElementById("content");
// 1. 刪除該節(jié)點的內(nèi)容，先要獲取子節(jié)點。
var child = content.childNodes;
// 2. 然后使用循環(huán)遍歷每個子節(jié)點。
for (var i = child.length - 1; i >= 0; i--) {
// 3. 使用removeChild()刪除節(jié)點。
content.removeChild(child[i]);
}
}