解决getElementsByClassName兼容问题

Posted Peter.seven

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决getElementsByClassName兼容问题相关的知识,希望对你有一定的参考价值。

getElementsByClassName这个方法很常用,但是只有较新的浏览器才兼容,所以我们需要自己写个方法,解决这个问题,使它能够兼容各个浏览器。

function getElementsByClassName(node,classname){
  //先判断浏览器是否支持,如果支持则直接使用
if(node.getElementsByClassName){
return node.getElementsByClassName(classname);
}else {
//如果不支持
var results = new Array();
var elems = node.getElementsByTagName("*");
for(var i=0;i<elems.length;i++){
if (elems[i].className.indexOf(classname) != -1){
results[results.length] = elems[i];
}
}
return results;

}
}

以上是关于解决getElementsByClassName兼容问题的主要内容,如果未能解决你的问题,请参考以下文章

IE浏览器不支持document.getElementsByClassName的解决办法

解决ie8(及其以下)不支持getElementsByClassName的问题

IE不支持getElementsByClassName最终完美解决方案

IE不支持getElementsByClassName最终完美解决方案

IE不支持getElementsByClassName最终完美解决方案

IE不支持getElementsByClassName最终完美解决方案