JavaScript進階篇9-22編程練習(xí),創(chuàng)建刪除函數(shù)這里不會寫,其他同學(xué)代碼有點看不懂,麻煩講解下
?// 創(chuàng)建刪除函數(shù)
???? function del(obj)
???? {
???????? var tr=obj.parentNode.parentNode;
???????? tr.parentNode.removeChild(tr);
???? }
麻煩懂的同學(xué)給講解下,這樣寫是什么意思啊,謝謝~
?// 創(chuàng)建刪除函數(shù)
???? function del(obj)
???? {
???????? var tr=obj.parentNode.parentNode;
???????? tr.parentNode.removeChild(tr);
???? }
麻煩懂的同學(xué)給講解下,這樣寫是什么意思啊,謝謝~
2015-12-23
舉報
2015-12-23
DOM操作懂嗎?或者說文檔樹,你看那個表格,它其實是一棵文檔樹,刪除是一個a標簽,刪除上面有一個老爸(parentNode)td,td上面又有一個老爸(parentNode)tr對吧,以此類推,這里del()函數(shù)是把a標簽(刪除)包裝成了一個對象(obj),函數(shù)里面定義一個tr對象,它應(yīng)用了obj的老爸的老爸的屬性,剛好就是html里面的tr,然后這個tr對象的老爸采用了一個removeChild()的方法(就是把兒子干掉了)這個兒子的名字剛好叫tr,所以就實現(xiàn)了刪除的功能了
2015-12-24
傳進來的obj是“刪除”這個a標簽對象,obj的父節(jié)點是td(單元格),td的父節(jié)點是tr(行),所以tr變量就是當(dāng)前點擊的a標簽所在的行對象,這個行對象tr的父節(jié)點就是表格,所以tr.parentNode.removeChild(tr);就是從表格里移除這一行。