循環(huán)利用removeChild()和insertBefore()將節(jié)點(diǎn)倒序失敗
<!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><h2>javascript</h2><h1>jquery</h1><h1>java</h1></div>
<script type="text/javascript">
function clearText() {
? var content=document.getElementById("content");
? // 在此完成該函數(shù)
? for(var i=content.childNodes.length-1;i>=0;i--){
? ? ? var x=content.removeChild(content.childNodes[content.childNodes.length-1]);
? ? ? //document.write(x.nodeName+"<br>"+x.nodeValue+"<br>"+x.nodeType+"<br>"+x.innerHTML+"<br><br>");
? ? ? content.insertBefore(x,content.childNodes[0]);
? }
}
</script>
<button onclick="clearText()">清除節(jié)點(diǎn)內(nèi)容</button>
</body>
</html>
2018-11-14
<!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><h2>javascript</h2><h1>jquery</h1><h1>java</h1></div>
<script type="text/javascript">
function clearText() {
? var content=document.getElementById("content");
? // 在此完成該函數(shù)
? for(var i=content.childNodes.length-1,j=0;i>=0;i--,j++){
? ? ? var x=content.removeChild(content.childNodes[content.childNodes.length-1]);
? ? ? //document.write(x.nodeName+"<br>"+x.nodeValue+"<br>"+x.nodeType+"<br>"+x.innerHTML+"<br><br>");
? ? ? content.insertBefore(x,content.childNodes[j]);
? }
}
</script>
<button onclick="clearText()">清除節(jié)點(diǎn)內(nèi)容</button>
</body>
</html>