tr.lastChid获取不到最后一个单元格的值

好久不写前端代码了，最近遇到一个简单的问题

通过tr.lastChild获取不到最后一个td,查看了js代码，html代码都感觉没问题，最后通过控制台知道问题在哪了。

本人table是这样写的

    <table>
    	<tr>
    		<td>姓名</td>
    		<td>年龄</td>
    		<td>性别</td>
    	</tr>
    	<tr>
    		<td>啦啦</td>
    		<td>20</td>
    		<td>女</td>
    	</tr>
    </table>

将</tr>移到</td>的后边即可解决这些问题

任何不是块级元素的可见元素都是内联元素，其表现的特性是“行布局”形式。
意思就是，其实如图片文字等内联元素，它默认对齐方式都是和它的父级的 baseline 去进行对齐的，但是你对齐的是 baseline，撑开高度的却是元素整体的高度（bottom line），这样肯定就会造成一定的间隙，也就是我们上文出现的问题了。

那我们既然知道了这个问题出现的原因，那么解决起来也就简单多啦。