亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

這個函數里面第一句代碼是獲得table表的最后一個子節點,第二句代碼是獲得刪除的祖父節點,可是它的祖父節點和table的lastchild是同一級別的啊,為什么?

? ? ?

? ? ?// 創建刪除函數

? ? ?function rmchd(obj){

? ? ? ? ?var tbody=document.getElementById("table").lastChild;//tr不是tr的子節點啊,為什么?

? ? ? ? ?tbody.removeChild(obj.parentNode.parentNode);

? ? ?}


正在回答

4 回答

var tbody=document.getElementById("table").lastChild;\\這句話獲得是的tbody

tr=obj.parentNode.parentNode?//這句獲得的事這一行tr元素

? ? ?? tbody.removeChild(tr);



0 回復 有任何疑惑可以回復我~

可是我沒有定義tbody呀

0 回復 有任何疑惑可以回復我~


<!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(){

Highlight();

}

function addOne(obj){?

? ?var tbody = document.getElementById('table').lastChild; ?

var tr = document.createElement('tr'); ?

?

var td = document.createElement("td");

td.innerHTML = "<input type='text'/>";

tr.appendChild(td);

?

td = document.createElement("td"); ?

td.innerHTML = "<input type='text'/>";

tr.appendChild(td);

?

td = document.createElement("td");

td.innerHTML = "<a href='javascript:;' onclick='deleteRow(this)'>刪除</a>";

tr.appendChild(td); ??

?

tbody.appendChild(tr); ??

Highlight();

? ? }


function deleteRow(obj){

? ?var tbody = document.getElementById('table').lastChild; ?

var tr = obj.parentNode.parentNode;

tbody.removeChild(tr);

}

function Highlight(){

var tbody = document.getElementById('table').lastChild;

trs = tbody.getElementsByTagName('tr'); ??

for(var i =1;i<trs.length;i++){

trs[i].onmouseover = function(){

this.style.backgroundColor ="#f2f2f2";

}?

trs[i].onmouseout = function(){

this.style.backgroundColor ="#fff";

}?

} ?

}


? </script>?

?</head>?

?<body>?

? <table border="1" width="50%" id="table">

? <tr>

<th>學號</th>

<th>姓名</th>

<th>操作</th>

? </tr> ?


? <tr>

<td>xh001</td>

<td>王小明</td>

<td><a href="javascript:;" onclick="deleteRow(this)">刪除</a></td>

? </tr>


? <tr>

<td>xh002</td>

<td>劉小芳</td>

<td><a href="javascript:;" onclick="deleteRow(this)">刪除</a></td>

? </tr> ?


? </table>

? <input type="button" value="添加一行" onclick="addOne()" />

?</body>

</html>

就是這個代碼,麻煩幫忙看一下,謝謝!

0 回復 有任何疑惑可以回復我~

先問是不是再問為什么

首先你沒有給HTML頁面,既然變量名是tbody,那我就猜測是有<tbody>這個標簽了

table的子節點是tbody,tbody的子節點是tr,tr的子節點是td,……

還有你得說明傳入obj的對象是什么吧~

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

這個函數里面第一句代碼是獲得table表的最后一個子節點,第二句代碼是獲得刪除的祖父節點,可是它的祖父節點和table的lastchild是同一級別的啊,為什么?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號