Referencing a CSS class with javascript

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>

As you can see from my code I'm trying to figure out if I can reference a style attribute for a class that's defined in CSS, as opposed to directly in the tag's style attribute.

Kishan · Accepted Answer · 2015-02-09 04:06:25Z

2

You're looking for window.getComputedStyle() - small usage example here.

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

#someClass {
    color:red;
}

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

edited Feb 9, 2015 at 4:06

Kishan

1,21014 silver badges26 bronze badges

answered Feb 9, 2015 at 3:46

jdphenix

15.5k5 gold badges46 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Referencing a CSS class with javascript

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related