为什么不能删除tr节点

Question

html


    <table class="table">
        <tr>
            <th>表头内容</th>
            <th>表头内容</th>
            <th>表头内容</th>
        </tr>
        <tr>
            <td>表格内容1</td>
            <td>表格内容2</td>
            <td><a class="del" href="javascript:;">del</a></td>
        </tr>
        <tr>
            <td>表格内容1</td>
            <td>表格内容2</td>
            <td><a class="del" href="javascript:;">del</a></td>
        </tr>

    </table>
</div>


js



var table=document.getElementsByTagName('table')[0];
var dels=document.getElementsByClassName('del');
for (var i = 0; i < dels.length; i++) {
    dels[i].onclick=function () {
        table.removeChild(this.parentNode.parentNode);
    }
}

这段代码为什么报错？找了好久没找到错误。目的是点击删除相应的tr行

Answer 1

this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);
可以删除