原生js获取class

时间 2019-11-30

标签原生获取 class 栏目 JavaScript 繁體版

原文原文链接

//使用原生js时，经过class名称就能够获得相应的class名称标签组封装的函数数组

//定义一个函数getClass(oParent,aClass);函数

function getClass(oParent,aClass){　　　　　　　　　　　　　//oParent为要获取的className的父级元素对象对象

　　var aEle = document.getElementsByTagName('*');　　 //定义一个变量经过通配符获取全部标签get

　　var result = [];　　　　　　　　　　　　　　　　　　　　 //定义一个空数组，由于获取的元素可能有多个，因此用数组存放io

　　for(var i=0;i<aEle.length;i++){　　　　　　　　　　　 //遍历获取class名称的元素function

　　　　if(aEle[i].className == aClass){　　　　　　　　 //判断获取到的元素的参数的class就是元素的classNameclass

　　　　　　result.push(aEle[i])　　　　　　　　　　　　　 //如果，则放进数组中变量

　　　　}遍历

　　}demo

　　return result;　　　　　　　　　　　　　　　　　　　　 //返回这个className的元素

}

var demo = document.getElementById('demo');

getClass(demo,'box')

eg:

<body>

　　</div>

</body>