兼容IE8以下，获取className节点的元素(document.getElementsByClassName()兼容写法)。兼容IE8以下，获取className节点

因为ie8一下不兼容

document.getElementsByClassName()
功能：通过class的名字获取符合条件的元素

node.getElementsByClassName()
指定node节点下，符合条件的元素。

所以我们自己封装一个兼容IE8以下，获取className节点的函数。

//兼容IE8以下，获取className节点的元素。
function elementsByClassName(node, className){
var res = []; //定义一个数组用来存class相同的节点
//1、查找node所有的子节点
var nodes = node.getElementsByTagName("*");
/*node.getElementsByTagName("*") 的意思是通过标签名查找所以node节点下所有的节点*为通配符*/
for(var i = 0; i < nodes.length; i++){//遍历每一个节点
if(nodes[i].className == className){//判断每一个节点的class属性名是否等于传入的class名
res.push(nodes[i]);
}
}

然后进行调用即可

window.onload = function(){
var oUl = document.getElementById('ul1')
var node = elementByClassName(oUl, 'box');
alert(node.length); //2
}

html结构如下：

11111111

11111111

11111111

11111111

22222222

22222222

22222222

【兼容IE8以下，获取className节点的元素(document.getElementsByClassName()兼容写法)。】转载于:https://www.cnblogs.com/jxldjsn/p/11084513.html

兼容IE8以下，获取className节点的元素(document.getElementsByClassName()兼容写法)。

推荐阅读

定制校服还是订制校服好校服校服定制校服

香椿春季为什么不发芽

奇亚籽什么时候喝减肥最好呢

阳虚体质怎么调理最好

多肉没有根如何养才长得好

快登机了核酸结果还没出来怎么办

君子兰开花后如何修剪

2006mysql server has gone away 2006mysql

最近一月日元汇率日元的汇率是多少

ios上运行安卓app，安卓软件苹果手机可以用吗

筷子也会过期你会清洗和存放筷子吗？

审车过期允许多长时间汽车年检可以延期多久

一个戴口罩一个没戴口罩会传染新冠肺炎吗

如何设置云服务器的镜像？云服务器镜像怎么设置

wf2750怎么清零？

房地产朋友圈经典广告卖房文案

手机制作代码怎么弄，手机怎么弄代码

孙权杀了关羽,是不是鼠目寸光呢？如果不杀的话,会发生什么事情呢？

佳能6d实时取景开不了怎么办佳能6d实时取景开不了

爱普生外置废墨