firefox和ie浏览器下获取childNodes兼容性问题解决

最新推荐文章于 2021-05-18 15:44:35 发布

make0739

最新推荐文章于 2021-05-18 15:44:35 发布

阅读量370

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/make0739/article/details/84184785

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

firefox下面，使用childNodes获取节点，它会将空格符、回车符、换行符也看做一个文本节点，
解决方案：
1.火狐下面要利用nodeType来过滤掉这些无用的节点。

function show(n){
   var rows=[];
   var one = document.getElementByIdx_x('one_1').parentNode.childNodes;
   for(i=0;i<one.length;i++){
     if(one[i].nodeType==1 && one[i].tagName){
      rows.push(one[i]);
     }
   }
   rows[1].style.background='green';
  }
nodeType==1的时候表名它是一个对象节点。

2.获取节点时getElementsByTagName取代childNodes

 
//只支持IE，childNodes的长度在firefox不一样
// node1.childNodes[0].getElementsByTagName("input")[1].checked =true;
// node2.childNodes[0].getElementsByTagName("input")[1].checked =true;

//只支持全部浏览器
  node1.getElementsByTagName("td")[0].getElementsByTagName("input")[1].checked =true;
    node2.getElementsByTagName("td")[0].getElementsByTagName("input")[1].checked =true;