Change document background image in javascript function

Question

I want to change the html documents background image in a javascript function but I'm having some difficulty with it. This is what I have:

function changeBgImage(){

    document.background = "url('images/SecondBackground.png')";

}

But as I said, not working.. Any ideas?

Amol Kolekar · Accepted Answer · 2012-08-30 10:57:18Z

2

Use

document.body.style.backgroundImage = "url('images/SecondBackground.png')";

answered Aug 30, 2012 at 10:57

Amol Kolekar

2,3336 gold badges30 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Barrie Reader · Accepted Answer · 2012-08-30 10:57:54Z

1

function changeBGImage() {
  document.body.style.backgroundImage = "url(http://images.cheezburger.com/completestore/2010/7/9/fe8e91c5-c3f1-40cf-a034-983e8683ba73.jpg)";
};

That'll do it!

answered Aug 30, 2012 at 10:57

Barrie Reader

10.7k11 gold badges77 silver badges141 bronze badges

Comments

Ryan McDonough · Accepted Answer · 2012-08-30 10:57:25Z

0

You were close, but you need .body as well.

document.body.style.background = "url('images/SecondBackground.png')";

answered Aug 30, 2012 at 10:57

Ryan McDonough

10k3 gold badges60 silver badges81 bronze badges

Comments

Aravindhan · Accepted Answer · 2012-08-30 10:58:07Z

0

Try something like this

              document.getElementById("id of body").setAttribute("style","background-url:'images/SecondBackground.png'")

answered Aug 30, 2012 at 10:58

Aravindhan

3,6168 gold badges33 silver badges42 bronze badges

Collectives™ on Stack Overflow

Change document background image in javascript function

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related