IE浏览器不支持getElementsByClassName的解决方法
更新时间：2014年08月27日 10:40:25 投稿：junjie
这篇文章主要介绍了IE浏览器不支持getElementsByClassName的解决方法,本文的方法比较完美的解决了这个问题,需要的朋友可以参考下
在DOM3里已经加入了getElementsByClassName这个方法，然而IE9、10以外的其它版本均不支持，这是一块伤痛啊！
目前可以这么解决，判断浏览器支不支持这个方法，如果支持就不管；如果不支持，就在document对象里加入getElementsByClassName这个方法，这样的写法有一个好处，即不管有没有原生函数你都不用去修改代码。
网上部分人直接定义一个getElementsByClassName函数，但是这样的话就需要把代码中所有使用document.getElementsByClassName改写成getElementsByClassName。多少有点不方便，也不通用。
下面的方法完美支持了document写法：
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;
};
}
相关文章
这篇文章主要为大家详细介绍了JS实现导航栏楼层特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-01-01
这篇文章主要为大家详细介绍了JavaScript错误处理和堆栈追踪的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
js获取RadioButtonList的Value/Text及选中值等信息实现代码
RadioButtonList的Value,Text及选中值等信息想必有很多的朋友都想获取到，接下来将为你介绍下如何使用js获取，代码很详细，感兴趣的你可以参考下，或许对你有所帮助2013-03-03
任何一种编程语言的简写小技巧都是为了帮助你写出更简洁、更完善的代码,让你用更少的编码实现你的需求,这篇文章主要给大家介绍了关于javascript代码简写的几种常用方式,需要的朋友可以参考下2021-08-08
每隔5分钟执行一次ajax请求，如何实现？下面有个不错的示例，感兴趣的朋友可以参考下2013-11-11
这篇文章主要介绍了JavaScript中获取时间的函数集，通过实例代码给大家讲解，非常详细，感兴趣的朋友一起学习吧2016-08-08
JavaScript实现获取用户单击body中所有A标签内容的方法
这篇文章主要介绍了JavaScript实现获取用户单击body中所有A标签内容的方法,涉及javascript针对页面元素及事件响应相关操作技巧,需要的朋友可以参考下2017-06-06
这篇文章主要介绍了JavaScript实现SHA-1加密算法的方法,实例分析了使用javascript实现SHA-1加密算法的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
echarts tooltip自适应宽高让提示框适应不同屏幕尺寸demo
这篇文章主要为大家介绍了echarts tooltip自适应宽高让提示框适应不同屏幕尺寸,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-10-10
在TypeScript中就像在EC5中一样,任何包含顶级import或export的文件都被认为是一个模块,下面这篇文章主要给大家介绍了关于如何在TypeScript使用模块化以及注意事项的相关资料,需要的朋友可以参考下2022-10-10
最新评论