当前位置: 代码迷 >> JavaScript >> 没法获取未定义或 null 引用的属性“firstChild”
  详细解决方案

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

热度:336   发布时间:2013-06-19 10:26:41.0
无法获取未定义或 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);
  相关解决方案