20

可能重复：
如何确定是否存在使用 Javascript 的 css 类？

有没有办法检查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？, 但答案对我没有帮助，因为答案中的链接不再存在。

谢谢。

4

2 回答 2

1

如上所述（How can you determine if a css class is exists with Javascript?），您可以扫描请求的类的完整 CSS，或者您可以将请求的类添加到元素并检查该类的属性是否适用于它. 例如：

document.getElementById('yourTestElementID').className=newClass;
if(document.getElementById('yourTestElementID').style.position === 'thevalue' ) {
  // class exists....
}
于 2012-12-19T08:02:20.863 回答
-2

你的随机算法：

Math.floor((Math.random()*classList.length)+1)

将从特定范围或更一般地从 1 到 classList.length 生成随机数。

您只需要确保将要使用并将填充到数组中的类名将存在。

于 2012-12-19T08:07:09.187 回答