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

html-css024

怎样用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)

}

CSS变量定义通过在变量名前加 var- 前缀实现，引用时使用 var() 获取变量值。例如：

:root {

var-companyblue: #369

var-lighterblue: powderblue

}

h1 {

color: var(companyblue)

}

h2 {

color: var(lighterblue)

}