Question

javascript IE10 兼容性问题

<script> var url=document.location.href.toLowerCase();var p=document.getElementById('gzt');for(i=1;i<p.childNodes.length;i++){ var c=p.childNodes[i]; var ahref=c.firstChild.href.toLowerCase(); if(url.indexOf(ahref)>-1) { c.className='k2'; break; }} </script>

如上文，在IE9 和IE10 下 这样调试var ahref=c.firstChild.href.toLowerCase();提示 SCRIPT5007: 无法获取未定义或 null 引用的属性“href”，没法实现相关效果，IE8是正常的，应用在如下的HTML 中（以下代码为多个页面公用的，而不是在一个页面上的table效果，是实现在不同页面上都有table效果。）：
<style type=“text/CSS”>
#gzt li{float:left;height:26px;width:90px;text-align:center;background:url(gzt_tab2.gif);font:normal 14px/26px 'microsoft yahei'; list-style-type:none}#gzt .k1{width:38px;background:url(gzt_l.gif);}#gzt .k2{background:url(gzt_tab1.gif);font-weight:bold;}#gzt .k3{width:100px;background:url(gzt_tab3.gif)}
</style>
<ul id="gzt" > <li class="k1"></li><!--左侧图标--><!--带k2的就是当前栏目--><li ><a href="<计算的值>" >工作任务(<计算的值>)</a></li><li ><a href="<计算的值>" >待评阅(<计算的值>)</a></li><li ><a href="<计算的值>" >待修改(<计算的值>)</a></li><li ><a href="<计算的值>" >待签收(<计算的值>)</a></li><li ><a href="<计算的值>" >待出版(<计算的值>)</a></li><li ><a href="<计算的值>" >待绘图(<计算的值>)</a></li><li ><a href="<计算的值>" >待晒图(<计算的值>)</a></li><li ><a href="<计算的值>" >待办理(<计算的值>)</a></li><li ><a href="<计算的值>" >车辆(<计算的值>)</a></li> <li ><a href="<计算的值>" >日常用品(<计算的值>)</a></li> <li ><a href="<计算的值>" >工作进展</a></li> <li class="k3"></li><!--右侧图片--></ul>
正常的效果图如下：

Answer 1

第一个li和最后一个li中内容为空型友。所以卜辩槐c.firstChild为null，无法获取到c.firstChild.href属性。
在for循环中判断一下灶御
if(c.firstChild!=null&&c.firstChild!="undefind"){
var c=p.childNodes[i];
var ahref=c.firstChild.href.toLowerCase();
if(url.indexOf(ahref)>-1)
c.className='k2';
}