js中如何获取class值

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

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

alert(oUlclassName);

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

for(var i=0;i<objlength;i++){if(obj[i]className == 'a')//找出span标记中class=a的那个标记{var getObj = obj[i];value = getObjinnerHTML;//获得他的innerHTML}}//或者通过Jquery,ext,等JS插件来处理也可以。。。

非IE6,7,8可以直接用自带的属性 getElementsByClassName,如果需要考虑兼容，就需要自己写了。下面是自己写的：

function getClassName(obj,sName) //-->obj是要获取元素的父级

{ //-->sName是class名字

if(documentgetElementsByClassName)

{

return objgetElementsByClassName('sName');

}

else

{

var aTmp = objgetElementsByTagName('');

var aRes=[];

var arr =[];

for(var i=0;i<aTmplength;i++)

{

arr = aTmp[i]classNamesplit(' ');

for (var j=0;j<arrlength;j++)

{

if(arr[j] == sName)

{

aRespush(aTmp[i]);

}

}

}

return aRes;

}

}

大概思路，是将你要获取class元素父级下的所有元素都取出来，再循环查找className，满足的元素存到数组中，然后返回。

思路：首先获取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);

}

可以通过getElementsByClassName方法来返回一个元素数组，你可以引用下标来返回具体的元素对象,比如：

var elements=documentgetElementsByClassName(“classname”)；

elements[0];

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;

}

代码参考如下：

getElementsByClassName() 方法

如果希望查找带有相同类名的所有 HTML 元素，使用这个方法：

documentgetElementsByClassName("intro");

上面的例子返回包含 class="intro" 的所有元素的一个列表：

注释：getElementsByClassName() 在 Internet Explorer 5,6,7,8 中无效。

var $container = documentgetElementById('container');

var $ul = $containergetElementsByTagName('ul');

// 要取的class

var className = 'col';

var ulCollection = [];

for (var i = 0; i < $ullength; i += 1) {

    var ul = $ul[i],

        classList = ulclassNamesplit(' ');

    for (var j = 0; j < classListlength; j += 1) {

        if (className === classList[j]) {

            ulCollectionpush(ul);

            break;

        }

    }

}

consolelog(ulCollection);

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