兼容低版本IE的document.getElementsByClassName()

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

关于document.getElementsByClassName()的基本用法可以参阅getElementsByClassName()一章节。

但是存在一定的兼容问题,IE8和IE8以下浏览器不支持此方法,下面分享一个能够实现兼容的代码。

代码如下:

if (!document.getElementsByClassName) {
  document.getElementsByClassName = function (className, element){
    var children = (element || document).getElementsByTagName('*');
    var elements = new Array();
    for (var i = 0; i < children.length; i++) {
      var child = children[i];
      var classNames = child.className.split(' ');
      for (var j = 0; j < classNames.length; j++) {
        if (classNames[j] == className) {
          elements.push(child);
          break;
        }
      }
    }
    return elements;
  };
}

兼容低版本IE的document.getElementsByClassName(),这样的场景在实际项目中还是用的比较多的,关于兼容低版本IE的document.getElementsByClassName()就介绍到这了。

兼容低版本IE的document.getElementsByClassName()属于前端实例代码,有关更多实例代码大家可以查看

回复

我来回复
  • 暂无回复内容