【解决getElementsByClassName不兼容IE8】最近在看JavascriptDom编程艺术这本书, 发现这个方法,记录一下
html:
class="box">
class="box1">
class="box1">js:
function getElementsByClassName(node,classname){//创建一个函数
if(node.getElementsByClassName){//如果浏览器支持getElementsByClassName
return node.getElementsByClassName(classname);
//直接使用getElementsByClassName
}else{//不支持的话自己创建一个吧
var result = [];
//创建一个数组
var chind = node.getElementsByTagName(*);
//获取node下面的所以子元素
for(var i = 0;
i < chind.length;
i++){//循环
if(chind[i].className.indexOf(classname) != -1){ // 如果循环出来的子元素的class存在的话indexOf是判断class是否存在, 存在返回该元素的下标,不存在返回-1
result[result.length] = chind[i];
//然后把存在class的放到一个数组里去
}
}
return result;
//返回这个数组
}
} //这个函数的使用方式:
var box = document.getElementsByTagName("div");
var box1 = getElementsByClassName(box,"box1");
推荐阅读
- JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查
- 前端|web前端dya07--ES6高级语法的转化&render&vue与webpack&export
- JS/JavaScript|JS/JavaScript CRC8多项式 16进制
- JS|VUE学习笔记[30-46]
- 腾讯TEG实习|腾讯实习——Vue解决跨域请求
- 地图|高德地图清除指定覆盖物 自定义覆盖物样式(完整dome)
- Pyecharts|Pyecharts 猎聘招聘数据可视化
- flex|C语言-使用goto语句从循环中跳出
- HTML+Js实战项目|在网页中实现icon小图标的几种方法
- js中国标准时间转化为年月日,时间戳