                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進階篇

不會的可做參考

<!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語句外面，否則每一次循環(huán)y的長度減少，i的值增加，會出現(xiàn)刪不盡。
? for(var i=0;i<y.length;i++){
? if(y[i] && y[i].nodeType==1){//如果子節(jié)點為null或者非標簽元素節(jié)點，不刪除他。
? var z=x.removeChild(y[i]);//開辟內存空間儲存被刪元素，用于打印已刪除內容。
? document.write("已刪除節(jié)點："+z.innerHTML+"<br />");
? }
? }
}
</script>
<button onclick="clearText()">清除節(jié)點內容</button>
?</body>
</html>