Question

<html>
<body>
<head>

<style type="text/css">
#someClass {
    color:red;
}
</style>

</head>

<div id="someClass"></div>

<script type="text/javascript">
alert(document.getElementById("someClass").style.color);
</script>

</body>
</html>

从我的代码中可以看出，我试图弄清楚我是否可以引用CSS中定义的类的样式属性，而不是直接在标记的样式属性中。

Answer 1

您正在寻找window.getComputedStyle() - 这里的小用法示例。

   alert(window.getComputedStyle(document.getElementById('someClass')).color);

#someClass {
    color:red;
}

<div id="someClass"></div>

使用javascript引用CSS类

1 个答案: