首頁(yè) 猿問(wèn) 關(guān)于刪除節(jié)點(diǎn)。

關(guān)于刪除節(jié)點(diǎn)。

JavaScript

朝花bu夕拾 2016-08-27 15:53:17

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>無(wú)標(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");? var b=content.childNodes; ?//獲取子節(jié)點(diǎn)集合?for(i=0;i<=b.length;i++){var a=content.removeChild(b[i])}? alert(a.innerHTML);??}</script><button onclick="clearText()">清除節(jié)點(diǎn)內(nèi)容</button></body></html>奇怪，為什么不能一次性刪除呢？

查看完整描述

1 回答

已采納

雨中的魚(yú)L

TA貢獻(xiàn)14條經(jīng)驗(yàn) 獲得超13個(gè)贊

要這樣寫(xiě)才行，因?yàn)楂@取子節(jié)點(diǎn)，也獲取了文本節(jié)點(diǎn)，和注釋節(jié)點(diǎn)，要過(guò)濾
function clearText() {
?? ??? ??? ??? ?var content = document.getElementById("content");
?? ??? ??? ??? ?var contents = getChildNodes(content);
?? ??? ??? ??? ?for(var i = 0; i < contents.length; i++){
?? ??? ??? ??? ??? ?if(contents[i].nodeType == 1){
?? ??? ??? ??? ??? ??? ?content.removeChild(contents[i]);
?? ??? ??? ??? ??? ?}?? ??? ??? ??? ??? ?
?? ??? ??? ??? ?}
?? ??? ??? ?}
?? ??? ??? ?function getChildNodes(ele) {
?? ??? ??? ??? ?var childArr = ele.children || ele.childNodes,
?? ??? ??? ??? ??? ?childArrTem = new Array(); //? 臨時(shí)數(shù)組，用來(lái)存儲(chǔ)符合條件的節(jié)點(diǎn)
?? ??? ??? ??? ?for(var i = 0, len = childArr.length; i < len; i++) {
?? ??? ??? ??? ??? ?if(childArr[i].nodeType == 1) {
?? ??? ??? ??? ??? ??? ?childArrTem.push(childArr[i]); // push() 方法將節(jié)點(diǎn)添加到數(shù)組尾部
?? ??? ??? ??? ??? ?}
?? ??? ??? ??? ?}
?? ??? ??? ??? ?return childArrTem;
?? ??? ??? ?}