[緊急]想寫(xiě)一個(gè)刪除所有table里面東西的按鈕
<!DOCTYPE?html><html>?<head>??<title>?new?document?</title>????<meta?http-equiv="Content-Type"?content="text/html;?charset=gbk"/>?????<script?type="text/javascript">?????????window.onload?=?function(){?????????????//?鼠標(biāo)移動(dòng)改變背景,可以通過(guò)給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來(lái)改變所在行背景色。????????var?row?=?document.getElementsByTagName('tr');????????for?(var?i=0;i<row.length;i++){????????????row[i].setAttribute("onmouseover","highlightr(this)");????????????row[i].setAttribute("onmouseout","returnr(this)");????????}?????}??????????//change?color?prop?method?????function?highlightr(obj){?????????obj.style.backgroundColor="#f2f2f2";?????}??????????function?returnr(obj){?????????obj.style.backgroundColor="white";?????}?????????//?編寫(xiě)一個(gè)函數(shù)，供添加按鈕調(diào)用，動(dòng)態(tài)在表格的最后一行添加子節(jié)點(diǎn)；?????????//?創(chuàng)建刪除函數(shù)????????function?remove(obj){????????????var?r?=?obj.parentNode.parentNode;????????????r.parentNode.removeChild(r);????????}????????//clear?all????????function?clear(){????????????var?r?=?document.getElementById('table');????????????//?var?content?=?r.childNodes;????????????for?(var?i=0;i<r.childNodes.length;i++){????????????????if(r.childNodes[i].nodeType!=1){????????????????????continue;????????????????}else{????????????????????r.removeChild(r.childNodes[i]);????????????????}????????????}????????????//?var?a?=?obj.parentNode.firstChild;????????????//?a.removeChild(a.childNodes);????????}????????????????function?add(){????????????//tr?元素????????????var?r?=?document.createElement("tr");????????????for?(var?i=0;i<3;i++){????????????????//?td?元素????????????????var?n?=?document.createElement("td");????????????????//td元素?屬性添加????????????????//?n.innerHTML="<br/>";????????????????if?(i==2){????????????????????//刪除?a元素????????????????????var?d?=?document.createElement("a");????????????????????d.innerHTML="刪除";????????????????????//a?元素?屬性添加????????????????????d.href="javascript:;";????????????????????d.setAttribute("onclick","remove(this)");????????????????????//a元素?加入?td?元素????????????????????n.appendChild(d);????????????????}????????????????//td?加入?tr????????????????r.appendChild(n);????????????????????????}????????????//tr?加入?table????????????var?t?=?document.getElementById("table");????????????t.appendChild(r);????????}??</script>??</head>??<body>????????<table?border="1"?width="50%"?id="table">???????<tr>????????<th>學(xué)號(hào)</th>????????<th>姓名</th>????????<th>操作</th>???????</tr>?????????<tr>????????<td?>xh001</td>????????<td>王小明</td>????????<td><a?href="javascript:;"?onclick="remove(this)">刪除</a></td>???????????<!--在刪除按鈕上添加點(diǎn)擊事件??-->???????</tr>???????<tr>????????<td?>xh002</td>????????<td>劉小芳</td>????????<td><a?href="javascript:;"?onclick="remove(this)">刪除</a></td>???<!--在刪除按鈕上添加點(diǎn)擊事件??-->???????</tr>?????????</table>???????<input?type="button"?value="添加一行"??onclick="add()"/>?????????<input?type="button"?value="重置"??onclick="clear()"/>??<!--在添加按鈕上添加點(diǎn)擊事件??-->?</body></html>上面是我的代碼,我的?Clear()?函數(shù)好像不管用..?我想寫(xiě)一個(gè)函數(shù),?每當(dāng)我按了?[重置]?按鈕后?它會(huì)幫我清除table元素里的子元素...
在線等待幫助！！ 謝謝了??！
2018-09-06
寫(xiě)個(gè)點(diǎn)擊事件讓table的innerHTML為空
2018-09-06
感謝二位,兩個(gè)方法都可以！
2018-09-06
<!DOCTYPE html>
<html>
<head>
<title> new document </title> ?
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/> ?
<script type="text/javascript">
// 創(chuàng)建刪除函數(shù)
function del(){
var tab = document.getElementById("table");
for(var i=0; i<tab.childNodes.length; i++){
tab.removeChild(tab.childNodes[i]);
}
}
</script>
</head>
<body>
???? ? <table border="1" width="50%" id="table">
???? ? <tr>
????????<th>學(xué)號(hào)</th>
????????<th>姓名</th>
????????<th>操作</th>
???? ? </tr> ?
???? ? <tr>
????????<td>xh001</td>
????????<td>王小明</td>
????????<td><a href="javascript:;" onclick="dele(this)">刪除</a></td> ? <!--在刪除按鈕上添加點(diǎn)擊事件 ?-->
???? ? </tr>
???? ? <t>
????????<td>xh002</td>
????????<td>劉小芳</td>
????????<td><a href="javascript:;" onclick="dele(this)">刪除</a></td> ? <!--在刪除按鈕上添加點(diǎn)擊事件 ?-->
???? ? </tr> ?
???? ? </table>
<input type="button" value="添加一行" ?/> ? <!--在添加按鈕上添加點(diǎn)擊事件 ?-->
<input type="button" value="重置" onclick="del()"/>
</body>
</html>
你那個(gè)代碼太亂了，我寫(xiě)了一個(gè)，你看看是你想要的效果不
2018-09-06
wybzd bzd不知道