                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

刪除方法中的lastChild

function deleteRow(obj){

? ? ? ? ?var tbody = document.getElementById('table').lastChild; //為什么這里要有lastChild？? ? ? ?

? ? var tr = obj.parentNode.parentNode;

tbody.removeChild(tr);

}

tr的父節點不應該就是table嗎？如果要有table的孩子為什么是lastChild不是別的Child？

EddieQu

2015-06-18

源自：JavaScript進階篇 9-22

關注問題我要回答

1536

操作

收起

2 回答

康振寧
2015-06-18

table的字節點結構是text和tbody，你可以用開發者工具進行查看

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

收起回答

EddieQu 提問者

原來table和tr之間還隔了一層。。。

2015-06-19 回復有任何疑惑可以回復我~

歪嘴的肖恩回復 EddieQu 提問者

他們之間隔了一層什么??？這里我也是很疑惑！求指教！

2015-08-18 回復有任何疑惑可以回復我~

really4you 回復歪嘴的肖恩

<head> <tr> <td>xh002</td> <td>劉小芳</td> <td> <a onclick="del(this)" href="javascript:;">刪除</a> </td> </tr> </tbody> </table> 這是火狐瀏覽器firebug工具下的代碼；我想是不是隔了</tbody>這個標簽，所以參考代碼用tbody這個相對于tr外一層的標簽來移除tr下的內容

2016-01-19 回復有任何疑惑可以回復我~

nika_0001
2015-06-18

由于你沒給出html和其他js文件，我不知道你這么方法是干嘛的，不過看起來像是刪除給定的td節點所在的tr節點。

我重寫了一段，你自己慢慢看吧。

<table>

<thead><tr><th>my?table</th></tr></thead>

<tbody>

<tr><td>hello</td><td>world</td></tr>
<tr><td>world</td><td>hell</td></tr>
<tr><td>world</td><td>world</td></tr>

</tbody>

<tfoot><tr><th>table?end</th></tr></tfoot>

</table>
??
<script?type="text/javascript">
????????//刪除表格中含有‘hello'的行。
	var?foo?=?'hello';
	//獲取文檔中全部的td節點
	var?tds?=?document.getElementsByTagName('td');
????????//對所有td節點的文字與foo比較，如果等于'hello'則刪除所在行。
	for(var?i?=?0;?i?<?tds.length;?i++){
		if(tds[i].childNodes[0].nodeValue?==?foo)
			delRow(tds[i]);
	}
????????//obj是一個td節點
	function?delRow?(obj){
	??obj.parentNode.parentNode.removeChild(obj.parentNode);??
	}
</script>

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

收起回答