Javascript to change attribute under CSS

Question

document.getElementById("Id1").style.backgroundImage = "url(value)";

to change the background image attribute in the CSS. But, the attribute used in CSS is

background-Image

Why we can't use the same name under Javascript as document.getElementById("Id1").style.background-Image = "url(value)";

Have a look at this: <stackoverflow.com/questions/512054/…> Maybe this can help? — KnowledgeSeeker
– KnowledgeSeeker, Commented Jul 29, 2016 at 5:42

score 2 · Accepted Answer · 2016-07-29 05:47:43Z

2

As @Bitwise Creative said, you can't use - out of string. Instead you can do this,

document.getElementById("Id1").style["background-image"] = "url(value)";

If you use document.getElementById("Id1").style.background-Image = "url(value)", what will happen means javascript consider as statement before '-' "document.getElementById("Id1").style.background" and image consider as variable. So you will get syntax error

Collectives™ on Stack Overflow

Javascript to change attribute under CSS

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related