JS 获取class 元素集合

function getByClass(oParent, sClass) { //根据class获取元素

var oReasult = [];

var oEle = oParentgetElementsByTagName("");

for (i = 0; i < oElelength; i++) {

if (oEle[i]className == sClass) {

oReasultpush(oEle[i])

}

};

return oReasult;

}

假如你的ul只有一个或者你要获取class的ul是第一个

var oUl=documentgetElementsByTagName("ul")[0];

alert(oUlclassName);

这个应该是所有浏览器都支持

思路：首先获取div对象，然后使用className属性获取类名，关键代码如下

1

documentgetElementById("test")className

实例演示：

1、HTML结构

1

2

<div id = "test" class="test_class">我的类名为test_class</div>

<input type='button' value='获取div类名' onclick="fun()"/>

2、javascript代码

1

2

3

4

function fun(){

name = documentgetElementById("test")className;

alert(name);

}

function getClass(parent,className,tagName){

var parent = parent || document,

tagName = tagName || "";

if(parentgetElementsByClassName){

return parentgetElementsByClassName(className);

}else{

var aEls = getTag(parent,tagName),arr = [],re=new RegExp('(^|\\s)'+className+'($|\\s)');

for (var i = 0; i < aElslength; i++) {

retest(aEls[i]className) && arrpush(aEls[i]);

};

return arr;

}

} //获取class (因为获取一组元素集合，如果单个使用一定要加[0]下标，不然会报错)

以上就是关于JS 获取class 元素集合全部的内容，包括:JS 获取class 元素集合、js中如何获取class值、怎样用JS获取CSS中class中的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！