不会的可做参考
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</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 x=document.getElementById("content");
var y=x.childNodes; //必须定义在for语句外面，否则每一次循环y的长度减少，i的值增加，会出现删不尽。
for(var i=0;i<y.length;i++){
if(y[i] && y[i].nodeType==1){//如果子节点为null或者非标签元素节点，不删除他。
var z=x.removeChild(y[i]);//开辟内存空间储存被删元素，用于打印已删除内容。
document.write("已删除节点："+z.innerHTML+"<br />");
}
}
}
</script>
<button onclick="clearText()">清除节点内容</button>
</body>
</html>
