html - background gif on javascript to change css -

html - background gif on javascript to change css -

i'm trying alter css of website user clicking div , when website's background turn gif, don't know how on javascript!

here's code

function easterfun(){ var changebg = document.getelementbyid("body"); changeeaster.setattribute("style","background-image:url(eatser.gif)")

also div wont when clicked. wont execute code can tell me problem pls?? welcome holiday spirit website!!!

<div id="easter"onclick="easterfun" style = "cursor: pointer"()>easter!</div> <div id = "xmas" onclick ="xmasfun()">christmas</div> </body> </html>

use style.csstext or style.backgroundimage

example:

function easterfun(){ var changebg = document.getelementbyid("body"); changebg.style.csstext = "background-image: url(eatser.gif)"; }

or:

function easterfun(){ var changebg = document.getelementbyid("body"); changebg.style.backgroundimage = "url(eatser.gif)"; }

note:

document.getelementbyid capture elements id (eg. <div id="body">)

for "body element" use: document.body (or document.getelementstagname("body")[0]), eg.:

function easterfun(){ var changebg = document.body; changebg.style.backgroundimage = "url(eatser.gif)"; }

javascript html css gif