getElementsByClassName兼容新老浏览器方法
2017-10-19 22:38
696 查看
html5 dom中新增了一个getElementsByClassName方法,我们可以通过class属性的类名访问到元素。
新出的方法多少有点兼容性问题,这个是跑不了的,为了弥补这个不足,可以用下面的代码去实现。
不过这个不适合类名太多的例子,不然很累的,效率也低。
新出的方法多少有点兼容性问题,这个是跑不了的,为了弥补这个不足,可以用下面的代码去实现。
var 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 } }
不过这个不适合类名太多的例子,不然很累的,效率也低。
相关文章推荐
- 兼容ie5-ie11及其他主流浏览器的js document.getElementsByClassName 方法
- 兼容浏览器的getElementsByClassName方法
- 封装getElementsByClassName方法,实现兼容旧浏览器
- getElementsByClassName的低版本浏览器兼容方法
- 解决ie9以下不兼容getElementsByClassName的方法
- 兼容更多浏览器自定义getElementsByClassName
- 原生js document.getElementsByClassName在IE8及以下浏览器的兼容
- 兼容ie下的getElementsByClassName
- 推荐一个封装好的getElementsByClassName方法
- 解决不兼容getElementsByClassName
- IE不支持getElementsByClassName()方法的问题
- js原生封装getClassName()方法-ie不支持getElementsByClassName,所以要自己实现获取类名为className的所有元素
- 监听浏览器使用不同版本js并且处理ie兼容getElementByClassName
- 原生js方法document.getElementsByClassName在ie8及其以下的兼容性问题
- document.getElementsByClassName在ie8及其以下浏览器的兼容性问题
- getElementsByClassName兼容问题
- 针对ie8等低版本浏览器document.getElementsByName方法不生效解决方法
- 在老的浏览器中实现getElementsByClassName的使用
- javascript DOM编程艺术学习笔记(1)重写getElementsByClassName(class)方法
- IE浏览器不支持getElementsByClassName的解决方法