change background image in body

Question

How do i change the background image in CSS at run time? I have the following background image in body and can the image be changed at run time?

body {
hei         


        

Answer 1

You would need to use Javascript for this. You can set the style of the background-image for the body like so.

var body = document.getElementsByTagName('body')[0];
body.style.backgroundImage = 'url(http://localhost/background.png)';

Just make sure you replace the URL with the actual URL.