Accessing external css property in javascript code

Question

In my javascript code, i am trying to access a child's class which is present in external style sheet. Using

window.getComputedStyle("className", null).getPropertyValue("color")

throws an Unhandled error: WRONG_ARGUMENTS_ERR. Do anyone see any issue in this? I want to access the class property, which is present in external stylesheet.

Thanks

gherkins · Accepted Answer · 2012-12-31 17:59:13Z

2

i think you'll need to feed getComputedStyle() a DOM-Element, not just the ClassName

maybe try:

var el = document.getElementsByClassName("className")[0];

window.getComputedStyle(el, null).getPropertyValue("color");

edited Dec 31, 2012 at 17:59

answered Dec 31, 2012 at 13:04

gherkins

15.1k7 gold badges47 silver badges74 bronze badges

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

1 Comment

KK123 Over a year ago

@Max...I am trying the way you suggested, I think window.getElementsByClassName is returing false, as the execution does not enter the if(window.getElementsByClassName). I am using it on Opera browser. Any guesses for the workaround

Collectives™ on Stack Overflow

Accessing external css property in javascript code

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related