关于getElementsByClassName的修正
2009-07-20 15:39
525 查看
目前,在做一个网站的时候,因为需要,我调用了document.getElementsByClassName("css_class_name")
通过class名称获取对象的方法,但是测试后发现在firefox下面可以正常,但是在ie中完全得不到值,经查找,原来是ie中根本就不支持这个方法,于是查找了一下,在ie中可以通过自定义一个getElememtsBYClassName方法解决,代码如下:
用法跟getElementsByName是一样的,只是功能不同,具体就不再详述了。
通过class名称获取对象的方法,但是测试后发现在firefox下面可以正常,但是在ie中完全得不到值,经查找,原来是ie中根本就不支持这个方法,于是查找了一下,在ie中可以通过自定义一个getElememtsBYClassName方法解决,代码如下:
document.getElementsByClassName = function(eleClassName) { var getEleClass = [];//定义一个数组 var myclass = new RegExp("//b"+eleClassName+"//b");//创建一个正则表达式对像 var elem = this.getElementsByTagName("*");//获取文档里所有的元素 for(var h=0;h<elem.length;h++) { var classes = elem[h].className;//获取class对像 if (myclass.test(classes)) getEleClass.push(elem[h]);//正则比较,取到想要的CLASS对像 } return getEleClass;//返回数组 }
用法跟getElementsByName是一样的,只是功能不同,具体就不再详述了。
相关文章推荐
- 关于getElementsByTagName与getElementsByClassName的那些事
- 关于IE中getElementsByClassName不能用的问题
- 20150629 关于ie下getElementsByClassName的兼容
- 关于getElementsByClassName() 方法
- 关于IE中getElementsByClassName不能用的问题解决方法
- 深入理解javascript选择器API系列第二篇——getElementsByClassName
- 我的getElementsByClassName实现
- javascript getElementsByClassName实现代码
- IE不支持getElementsByClassName最终完美解决方案
- 让getElementsByClassName兼容
- javascript DOM编程艺术学习笔记(1)重写getElementsByClassName(class)方法
- getElementById,getElementsByClassName,getElementsByTagName,的区别
- document.getElementsByClassName在ie8及其以下浏览器的兼容性问题
- getElementsByClassName
- javascript getElementsByClassName扩展函数
- 兼容浏览器的getElementsByClassName方法
- getElementById,getElementsByTagName,getElementsByName,getElementsByClassName的区别
- Prototype学习——工具函数($H,$R,Try.these,document.getElementsByClassName)
- js document.getElementsByClassName的使用介绍与自定义函数