兼容所有浏览器的getElementsByClassName()函数

快乐打工仔 分类:实例代码

getElementsByClassName()对于低版本的IE浏览器存在兼容问题。

它的具体用法可以参阅getElementsByClassName()一章节。

下面分享一个代码片段,它实现了兼容功能。

代码如下:

function getClass(node, cln){
  if(node.getElementsByClassName){
    return node.getElementsByClassName(cln);
  } else {
    var results = new Array();
    var eles = document.getElementsByTagName('*');
    for(var i = 0; i < eles.length; i++){
      if(eles[i].className.indexOf(cln) != -1){
        results[results.length] = eles[i];
      }  
    }
    return results;
  }
}

参数解析:

(1).node:规定要在哪个节点下查询元素。

(2).cln:class属性值。

兼容所有浏览器的getElementsByClassName()函数,这样的场景在实际项目中还是用的比较多的,关于兼容所有浏览器的getElementsByClassName()函数就介绍到这了。

兼容所有浏览器的getElementsByClassName()函数属于前端实例代码,有关更多实例代码大家可以查看

回复

我来回复
  • 暂无回复内容