Home/ Questions/Q 8439331
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T07:58:56+00:00

I have this javascript function to trigger with the body onload function, but I

  • 0

I have this javascript function to trigger with the body onload function, but I cannot get it to work. What am I doing wrong here? Here is my fiddle and code below:

HTML:

<body onload="loading()">
    <div id="container">
    </div>
</body>

JS:

function loading(){   
  document.getElementById('container').css("background-image", "none");
}

also tried 

function loading(){   
  document.getElementById('container').cssText = "background-image: none";
}

CSS:

body{
  background: #000;
}
#container {
width: 600px;
height: 500px;
margin:0 auto;
background-image: url("http://lamininbeauty.co.za/images/gallery/loading.png");
background-repeat: no-repeat;
background-position: 50% 50%;
}​
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    getElementById returns an html element which has no method .css(). Its jQuery that has that method, also you have your function in onload so its wrapped in a function, you want it in no wrap head.

    http://jsfiddle.net/3pDsJ/35/

    • 0