getElementsByClassName兼容写法
来源:互联网 发布:cms视频监控手机版 编辑:程序博客网 时间:2024/06/05 08:18
<script>var getElementsByClassName = function(className, results) { results = results || []; // 判断浏览器是否支持 getElementsByClassName if(document.getElementsByClassName) { // 浏览器支持这个方法 results.push.apply( results, document.getElementsByClassName(className) ); } else { // 浏览器不支持 // 实现:通过类名来获取页面中的元素 // 思路: // 1 通过标签名获取到所有的元素 // 2 循环遍历获取到的所有元素,分别判断当前元素有没有指定的类 // 1 获取到页面中所有的元素 var nodes = document.getElementsByTagName("*"); // 2 遍历 for(var i = 0; i < nodes.length; i++) { var cNodes = nodes[i]; // 2.1 判断当前元素是否包含 指定的类 className // 第一种方式: // 1 获取到当前元素的类名 className/getAttribute("class") // 2 将获取到的类名 以空格分割 产生一个数组 // ["c1", "c2", "c3"] // 3 用数组中的每一个元素分别跟className比较 // 4 如果是符合要求的就放到 results 中 var cNodeClsName = cNodes.className; var clsNames = cNodeClsName.split(" "); for(var j = 0; j < clsNames.length; j++) { if(clsNames[j] === className) { results.push(cNodes); } } } } return results;};</script>
0 0
- getElementsByClassName兼容写法
- getElementsByClassName函数的兼容写法
- JS 中document.getElementsByClassName()兼容写法
- 解决不兼容getElementsByClassName
- document.getElementsByClassName 的兼容性写法
- 兼容ie下的getElementsByClassName
- getElementsByClassName兼容IE低版本
- 兼容更多浏览器自定义getElementsByClassName
- js 中getElementsByClassName的兼容性写法
- getElementsByClassName的低版本浏览器兼容方法
- 实现ES5以下兼容,Object.create()、getElementsByClassName()
- 封装getElementsByClassName方法,实现兼容旧浏览器
- document.getElementsByClassName的封装,兼容ie8
- getElementsByClassName兼容新老浏览器方法
- getElementsByClassName
- getElementsByClassName
- getElementsByClassName()
- getElementsByClassName
- 【Android基础笔记04】Spinner 和 AutoCompleteTextView 基本适配器控件的使用
- Unity开发HTC vive 三、远处拖动3D物体
- PHP时间戳 strtotime()使用方法和技巧
- 时间与时间戳的转换
- Spring Boot整合MyBatis
- getElementsByClassName兼容写法
- CentOS release 6.5 编译安装hydra
- 【Android基础笔记05】Activity生命周期以及Activity之间的传值
- solr5.3.1配置相关
- Hive必备手册,这8点你一定用得到!
- MAC环境下使用Paralles Desktop实现DRBD
- 算法基础之字符串练习
- Android 6.0 运行时权限处理完全解析
- 树回归