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)";

@eronax59 [You're joking right?](http://meta.stackexchange.com/a/19492) — 4castle, Jul 29 '16 at 05:43
document.getElementById("Id1").css('background-image', 'url(' + imageUrl + ')'); try with this — Pankaj Gupta, Jul 29 '16 at 06:02
@PankajGupta `element.css` is not a function - I think you're thinking jQuery is in some way even remotely relevant to the question ... I'll spare you the research ... it isn't — Jaromanda X, Jul 29 '16 at 06:26

score 2 · Answer 1 · 2016-07-29T05:47:43.153

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

Javascript to change attribute under CSS

1 Answers1