javascript FF下因换行空白引起的第一个节点元素和IE不一致的解决方法~

abc7741

于 2011-10-28 17:08:45 发布

阅读量451

点赞数

文章标签： javascript ie null function html 测试

本文链接：https://blog.csdn.net/abc7741/article/details/6915146

版权

html部分一段简单的代码，如下：

<ul>
  <li>第一</li>
  <li>第一</li>
  <li>第一</li>
</ul>

所以我们有时候经常碰见用javascript获取ul子元素的个数，在FF和IE下将会得到2个不相同的结果。

IE它会正确的获得3个子元素；而FF却会把换行或者空白也计算到子元素的个数里面，因

此我们需要写一段去除在FF下多余空白的代码来获取到第一个元素。

function ElementNum(node){
      if(node.firstChild){
            if(node.firstChild.nodeType==1)return node.firstChild;//node.firstChild.nodeType==1测试是不是为元素节点，是返回该节点，不是进入else语句；
            else{
                  var testnode=node.firstChild;
                  while(testNode=testNode.nextSibling){
                        if(testNode.nodeType==1) return testNode;
                      }
                  return null;
                }
          }
      return null;
    }