原生JS解决getElementsByClassName浏览器兼容问题(适用于多个类名)
来源:互联网 发布:手机怎么看淘宝保证金 编辑:程序博客网 时间:2024/06/05 22:12
//getElementsByClassName兼容问题解决,返回一个同类名的元素数组var getElementsByClassName = function(classname) { //如果浏览器支持getElementsByClassName,使用现有方法 if(document.getElementsByClassName) { return document.getElementsByClassName(classname); }else{ //定义一个数组保存所要获取的变量 var results=new Array(); var elems=document.getElementsByTagName("*"); for (var i=0;i<elems.length;i++) { if(elems[i].className){ //将className通过空格分开并保存到数组 var elem_classname = new Array(); elem_classname = elems[i].className.split(' '); for (var j=0;j<elem_classname.length;j++) { //如果传入的类名和循环的类名相同,返回这个元素到results数组 if (classname == elem_classname[j]) { results.push(elems[i]); } } } } return results; }}
注意:
getElementsByClassName()方法和上述getElementsByClassName()函数所得出的结果都是一个数组,酌情使用。
阅读全文
0 0
- 原生JS解决getElementsByClassName浏览器兼容问题(适用于多个类名)
- 原生js解决document.getElementsByClassName兼容问题
- 原生JS实现元素的getElementsByClassName()方法,适用于多个类名
- 根据原生JS封装函数,根据传递的选择器查找对应的元素以及解决getElementsByClassName() 兼容问题
- 解决JS中的浏览器兼容问题
- getElementsByClassName兼容问题
- 原生js document.getElementsByClassName在IE8及以下浏览器的兼容
- position relative 与 js 原生动画 浏览器兼容问题
- js读取xml文件,解决浏览器兼容问题
- JS原生获取class对象(getElementsByClassName)
- opacity浏览器兼容问题解决
- 20150909解决浏览器兼容问题
- 浏览器兼容问题解决方式
- 浏览器兼容问题的解决
- 解决浏览器兼容问题
- 关于js浏览器兼容问题
- js 浏览器兼容问题
- JS浏览器兼容问题
- ROS在树莓派上的安装
- JavaScript学习(一)
- 远程访问Linux服务器(CentOs 6.9)
- XRecyclerView框架中所遇到的bug,.XRecyclerView$DataObserver@3f43b8 is already registered
- 今天的主题是时间管理
- 原生JS解决getElementsByClassName浏览器兼容问题(适用于多个类名)
- C语言简单编程之一元二次方程求解
- 《Java编程思想》--多态--第8章
- 完美破解最新用友畅捷通企业管理软件ERP T6 V7.1软硬狗加密
- C++中的声明和定义
- 2017-12-11
- bootstrap设计的普通表单页面
- Scrapy日志处理
- Alpha blending