javascript - 关于.lastChild的疑问

Question

<table border="1" width="50%" id="table">
<tr>
    <th>学号</th>
    <th>姓名</th>
    <th>操作</th>
</tr>
<tr>
    <td>xh001</td>
    <td>王小明</td>
    <td><a href="javascript:;" onclick="del_tr(this)" >删除</a></td>
</tr>
<tr>
    <td>xh002</td>
    <td>刘小芳</td>
    <td><a href="javascript:;" onclick="del_tr(this)" >删除</a></td>
</tr>

有这样一个表格，要获取 tr 节点，我遇到一个问题：

var tr = document.getElementsByTagName("tr");

和

var table = document.getElementById("table");
var tr = table.getElementsByTagName("tr");

是一样的，但是：

var table = document.getElementById("table").lastChild;
var tr = table.getElementsByTagName("tr");

多了一个 .lastChild 为什么也一样，这里难道不是先获取ID为“table”的节点的最后一个子节点，然后再往这个子节点里去找再深一层的子节点 tr 吗？也就是两层嵌套的 tr ，为什么会跟这句：

var tr = document.getElementsByTagName("tr");

一层 tr 一样呢？

Answer 1

你打印一下就知道,table的lastchild是 tbody ,F12看一下也可以