没法获取未定义或 null 引用的属性“firstChild” _JavaScript

无法获取未定义或 null 引用的属性“firstChild”
<script language="javascript">
function Ba()
{
var name=document.getElementById("dv");
var c=name.lastChild.firstChild.firstChild.innerHTML;
alert(c);
}
</script>
<body>
<table id="dv">
<thead>
<td>学期</td>
<td>姓名</td>
<td>班级</td>
</thead>
<tbody>
<tr>
<td>123</td>
<td>456</td>
<td>789</td>
</tr>
</tbody>
</table>
<input type="button" value="查看" onclick="Ba()">
</body>

为什么会报无法获取未定义或 null 引用的属性“firstChild”

------解决方案--------------------
alert(name.lastChild);
得到的结果是 #text，说明这是一个文本结点。
删除table内部所有的回车后，得到正确的结果123
------解决方案--------------------
因为dom指针不仅可以指向元素，也可以指向文本节点。这里取不到你想要的节点是因为XML存在一个有争议的地方：空格。换行被认为是一个空格，意味着这是一个文本节点，所以name.lastChild取到的已经是文本节点了。在IE9和其他主流浏览器都存在这种情况，可改用jquery来操作dom，或先判断浏览器类型再执行不同的操作，或者根据节点的nodeType判断其是否文本节点，nodeType值为3表示其为文本节点。

引用:

var name=document.getElementById("dv");
var c=name.lastChild.firstChild.firstChild.innerHTML;//ie9以下
//c=name.lastChild.previousSibling.firstChild.nextSibling.firstChild.nextSibling.innerHTML; 非ie或ie9
alert(c);