怎样用JS获取CSS中class中的值

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

}

如果你知道div的class : $("classname")attr("id") 获得id

如果你知道div的id :$("#id")attr("class")获得class

如果都不知道，就要循环所有的div自己去判断了

var divs=$(div);

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

{

//你的判断

}

获得div有什么属性 比如 data-id="a"

$("div[data-id='a']")attr("id")//获得id

$("div[data-id='a']")attr("class")//获得class

var val=$("div")attr("class");//这里获取class值

var array=valsplit(" ");//split双引号里面是空格，把class值用空格分开，转换为数组

那么，array[0]就获得home; arrya[1]获得class

以上就是关于怎样用JS获取CSS中class中的值全部的内容，包括:怎样用JS获取CSS中class中的值、如何用Jquery获取某一个Div的Class或者ID、jquery 获取 html 标签的 class 值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！