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

為什么第一種刪除是正確的，第二種刪除就會把全部都刪除了呢？

為什么這種方法是正確的，而下面第二種方法卻會出現全部刪除的結果呢？

下面這種會把所有行都刪除掉，為什么和上面那種結果為什么會不一樣？

孩紙╭別傷xin、了

2016-07-17

源自：JavaScript進階篇 9-22

關注問題我要回答

685

操作

收起

2 回答

weibo_
2016-07-18

var tr=obj.parentNode.parentNode;這個獲取到的是表格的一行，即tr標簽，所以當?var tr=obj.parentNode.parentNode.parentNode獲取到的就是tr的父標簽即tbody標簽，表格默認的子標簽里是tbody,所以你的第一個截圖會刪除整個表格，因為這時的trnode是個tbody標簽，而第二圖會刪除表格的一行（表格的子節點里除了默認的tbody即我們代碼里并沒有該標簽，你卻能獲取到，還有由于瀏覽器問題引起的空白文本節點，因些表格個的子節點就是兩個：1.tbody2.#text,所以用這行代碼來得到tbody--var tab=document.getElementById('table').lastChild;）