首页 > 代码库 > javascript中document.getElementsByClassName兼容性封装方法一
javascript中document.getElementsByClassName兼容性封装方法一
var getElmsByClsName = 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; };
javascript中document.getElementsByClassName兼容性封装方法一
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。