Get the default css value for an element with javascript

Asked Jun 18 '19 at 11:32

Active Jun 18 '19 at 11:32

Viewed 44 times

I tried different ways for this problem, but each had problems.

For example, when I use getComputedStyle, when I want to get a background or background-color value, I get the value null or rgb, which is really annoying. Once I use element.style, the css value that is not recorded returns to null

window.getComputedStyle(document.querySelector("#example"),null).getPropertyValue('background-color'); //return rgb

window.getComputedStyle(document.querySelector("#example"),null).getPropertyValue('background'); //return null

document.querySelector("#example").style.backgroundColor; //If the value is not set, returns empty

asked Jun 18 '19 at 11:32

Ali Yaghoubi

1,258
8
15

May you include a [mcve]? I don't know what styles `#example` has already... – evolutionxbox Jun 18 '19 at 11:34
I'm sorry if the question is a little obscure and confusing. I am an **Iranian** – Ali Yaghoubi Jun 18 '19 at 11:35
Friends actually `#example` is an example – Ali Yaghoubi Jun 18 '19 at 11:37
What do you expect to get? – evolutionxbox Jun 18 '19 at 11:50
Try solution from https://stackoverflow.com/a/16779702/6618051 – FieryCat Jun 18 '19 at 11:50
l want to get the _default css value_ of an element! – Ali Yaghoubi Jun 18 '19 at 11:54

Get the default css value for an element with javascript

0 Answers0