关于.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看一下也可以