Question

How can I change not only background image but also set additional properties?

Meaning, I have this code, that works fine:

document.getElementById(id).style.backgroundImage = "url('image.png')";

But this fails:

document.getElementById(id).style.backgroundImage = "url('image.png') no-repeat center center";

How can I add the additional properties to it?

Thanks in advance.

Answer 1

the additional properties are part of a short cut in CSS, which are applied using the background property so your js should be

document.getElementById(id).style.background = "url('image.png') no-repeat center center";