<!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?nole=content.childNodes.length;
??for(var?i=0;i<nole;i++)
??{
??????content.removeChild(content.childNodes[0]);???
??}
??//?在此完成該函數
}
</script>
<button?onclick="clearText()">清除節點內容</button>
</body>
</html>
2015-07-13
childNodes是實時節點,你刪除第一個節點(0索引)后,后面的第二個節點會自動變為第一個節點.即childNodes是動態的.非快照儲存.