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

html-css022

怎样用JS获取CSS中class中的值,第1张

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

1

document.getElementById("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 = document.getElementById("test").className

alert(name)

}

一。

js中对class并没有像对id有

getElementById("id")相对操作的getElementByClassname("name")。你可以自行定义，但一般情况可通过

obj.setAttribute("className")和obj.getAttribute("classname")对class进行基本操作。

二。

{

ok=obj.getAttribute("className")'}//for

IEelse{

ok=obj.getAttribute("class")}//for

FFobj.className=ok

}这里要取得class的值时，IE使用的是

obj.getAttribute("className")而FF要用obj.getAttribute("class")。