首頁猿問 js中的removeChild怎么...

js中的removeChild怎么刪除所有節(jié)點(diǎn)？

JavaScript

wei筱飛 2016-08-18 00:20:57

使用DOM時，怎么用js部分定義的刪除按鈕刪除表格中？（每一行的刪除按鈕獲取的值不同，現(xiàn)在點(diǎn)擊該行的刪除按鈕，這一行的數(shù)據(jù)全被刪除）

查看完整描述

1 回答

wei筱飛

TA貢獻(xiàn)1條經(jīng)驗獲得超0個贊

?//再創(chuàng)建刪除按鈕
?? ??? ? var delBn = document.createElement("input");
?? ??? ? delBn.setAttribute("type","button"); //類型為按鈕
?? ??? ? delBn.setAttribute("value","刪除");

?//設(shè)置對象的事件處理 -所調(diào)用的函數(shù)
?? ??? ? var name = userName.value+count;
?? ??? ? delBn.onclick = function(){delUser(name);};
?? ??? ?
?? ??? ? //創(chuàng)建元素節(jié)點(diǎn)td對象，用來顯示刪除按鈕
?? ??? ? cols = document.createElement("td");
?? ??? ? //添加
?? ??? ? cols.appendChild(delBn);
?? ??? ?
?? ??? ? //行對象添加
?? ??? ? rows.appendChild(cols);
?? ??? ? //添加這一行到tbody中
?? ??? ? document.getElementById('userList').appendChild(rows);
?? ??? ? userName.value = "";
?? ? }
}

//刪除元素
function delUser(name){
?? ?if(name != null){
?? ??? ?var objRow = document.getElementById(name);
?? ??? ?var objTbody = document.getElementById('userList');
?? ??? ?//刪除
?? ??? ?objTbody.removeChild(objRow);
?? ?}
}