使用javascript/jQuery获取StyleSheet中的CSS类列表

Question

可能重复:
如何确定css类是否存在Javascript？

有没有办法检查css中是否有一个名为"some-class-name"的类？

例如,我有:

<style type="text/css">
    .box {
        position: absolute;
        left: 150%;
    }
</style>

我的目的是在某个事件上随机将一个类分配给一个div:

var classList = []; //Need to populate this array
$('#updateClass').on('click', function() {
    $('#resultDiv').attr('class',classList[Math.floor((Math.random()*classList.length)+1)]);
}); 

是否可以通过JS/jQuery检查样式表中是否存在名为"box"的类？

我提到了这个问题 - 你怎么能确定一个css类是否存在Javascript？,但答案并没有帮助我,因为答案中的链接不再存在.

谢谢.

Answer 1

如上所述（如何确定 Javascript 中是否存在 css 类？），您可以扫描请求的类的完整 CSS，或者可以将请求的类添加到元素并检查该类的属性是否适用于它。例如：

document.getElementById('yourTestElementID').className=newClass;
if(document.getElementById('yourTestElementID').style.position === 'thevalue' ) {
  // class exists....
}