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

}

一般在页面审查元素的时候，能看到各种样式是那个class加上的。或者你自己写个样式，加很高的权重也行。比如 clor：red ！important； 在样式后加个！important

div容器使用脚本定义颜色时用stylebackground,而当使用CSS时，则用background-color:,不同于别的标签，而别的标签在文档中使用：bgcolor,而脚本使用：bgColor,而CSS是全部相同的！

    var testContent = 'class1{ color:red }class2  {     color:blue }';

    function getCss(className){

        var reStr = '\' + className + '[ \s]\{[^\}]+\}';

        var re = new RegExp(reStr, "gi");

        return testContentmatch(re);

    }

    alert(getCss('class1'));

    alert(getCss('class2'));

参考 百度UEditor在线编辑器

getStyle 获取元素element的某个样式值

UEdomdomUtilsgetStyle(element,name) ⇒ String

第一个参数是元素，第二个参数是需要获取的样式名称

以上就是关于怎样用JS获取CSS中class中的值全部的内容，包括:怎样用JS获取CSS中class中的值、怎样获取控件的CSS样式并修改、关于CSS获取的javascript,纠结，怎么获取不到CSS的颜色啊！等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！