How to get reference to the background image?

Question

How can I get reference to the background image object (or reference to it as a node) in JavaScript?

var backgroundImgObject = document. .... ?

Based on this reference, is it possible to get URL of the background image? Any other ways to get URL?

Thank you!

Maybe [this](http://stackoverflow.com/questions/8809876/can-i-get-divs-background-image-url) will help. — adriancarriger, Nov 30 '15 at 18:26

void · Answer 1 · 2015-11-30T18:31:48.877

2

Fetch the background Image

var img = document.body.style.backgroundImage;
// Will return url('anyimage.png')

var img = document.body.style.backgroundImage.slice(4, -1);
// Will return anyimage.png

Set the background Image

document.body.style.backgroundImage = "url('anyimage.png')";

In more genral way document.body can be replaced with any DOM object

edited Nov 30 '15 at 18:31

answered Nov 30 '15 at 18:26

void

36,090
8
62
107

What if I need to return URL, not to set it? How can I retrieve it? – Alex Nov 30 '15 at 18:28
Is it document.body.style.backgroundImage.src ? – Alex Nov 30 '15 at 18:29
Use `document.body.style.backgroundImage.slice(4, -1)`, see updated answer. – void Nov 30 '15 at 18:32

How to get reference to the background image?

1 Answers1