懒人之家--可能是JS网页特效代码收集最全的懒站!
更多

有效解决IE7、8浏览器不支持document.getElementsByCl

作者/代码整理:懒人  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2014-08-15
最近经常用到document.getElementsByClassName这个javascript属性,感觉特别好用
但是万恶的IE居然不支持,虽然IE9(含)以上浏览器做了改善,但IE7、IE8仍然占了主流,所以我们不能忽略它
懒人们如果碰到一些特效在ie7、ie8下失效,那么就要看看js中是否含有此代码document.getElementsByClassName
如果有,则说明你需要用到下面这段代码了
正好今天无聊,就写了一段js来判断浏览器是否支持此属性
使用方法:
1、复制此代码到你js代码的最前面即可
 
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;
};
}