关于Chrome中JS的Uncaught Error: NOT_FOUND_ERR: DOM Exception 8问题

今天使用table.removeChild(tr)去删除table下的某一行，竟然失效了。代码示例如下：

<table id="tbl">
<tr id="row1"><td>row1</td></tr>
<tr id="row2"><td>row2</td></tr>
<tr id="row3"><td>row3</td></tr>
<tr id="row4"><td>row4</td></tr>
<tr id="row5"><td>row5</td></tr>
</table>
<button οnclick="javascript:deleteChild()">delete</button>
<script type="text/javascript">
    function deleteChild(){
        var tbl=document.getElementById("tbl");
        var row=document.getElementById("row1");
        tbl.removeChild(row);
    }
</script>

在Chrome捕获的异常为：Uncaught Error: NOT_FOUND_ERR: DOM Exception 8

原来，规范的html中，<table>的子元素并不是<tr>,而是<tbody>，只不过浏览器都没有严格要求一定要将<tr>放在<tbody>中，所以一般都没什么问题，但使用table.removeChild(node)，删除的却应该是tbody元素，而实际上，就算不加<tbody>元素，<tr>元素的parentNode都是<tbody>,而不是<table>(在chrome,IE9,FF下是，其他浏览器就没有试过。)

所以改为tbody.removeChild(tr)，就可以了。

转载于:https://www.cnblogs.com/lwhkdash/archive/2012/10/11/2720502.html