how to get background image url?

sbkrohit · September 11th, 2008, 03:34 PM

Hello everyone,

Is there a way to get the background image url using DOM properties?

I tried this

var x=document.getElementById('navBackground').style.b ackgroundImage;
alert(x);

but an empty alert box shows up.

Thanks in advance!

iamrakesh22 · October 7th, 2008, 05:33 AM

It works only when you set the background image through "style" attribute. I am not that good in CSS and Java script. Some body here can put some light on it.

- Rakesh

WarriorFish · October 23rd, 2008, 11:06 AM

sbkrohit:
this was actually harder to find than I thought it would be (I needed the same ability).

Code:

var x=document.getElementById('navBackground');
var xStyle=x.style;
var xBG = xStyle.backgroundImage;

this should return the full path in the CSS definition, including "url(...)". I typically define background-image:url(...);, background-position:...; background-repeat:...;

In short, I don't know what happens if you use short hand like background: url(...) left top #000;, for example.

Hope this helps you!