Javascript Проверьте, является ли number = variable

Question

var Period =1; 

     if(Period==1){ 
      document.getElementById("Main").style.backgroundImage = "url('Main_Background_Grass_1.png')"; 
     } 

По какой-то причине это не будет работать. Расположение изображения правильное, но я уверен, что что-то не так.

им довольно новыми для яваскрипта

Heres больше кода

<script type="text/javascript"> 

     var Knowledge = 0; 
     var Period =1; 

     if(Period==1){ 
      document.getElementById("Main").style.backgroundImage = "url('Main_Background_Grass_1.png')"; 
     } 

</script> 

<div id="Main"> 

    <div id="Toolbar"> 
     Oh noes! Something Went Wrong 
    </div> 
</div> 

изображение обыкновение появляться на всех

Answer 1

Элемент не найден в то время вы называете вашу функцию, поместите javascript непосредственно перед закрывающим телом тела

<div id="Main"> 

    <div id="Toolbar"> 
     Oh noes! Something Went Wrong 
    </div> 
</div> 

<script type="text/javascript"> 

     var Knowledge = 0; 
     var Period =1; 

     if(Period==1){ 
      document.getElementById("Main").style.backgroundImage = "url('Main_Background_Grass_1.png')"; 
     } 

</script> 

Answer 2

Uncaught TypeError: Cannot read property 'style' of null
Это потому, что элемент еще не загружен. Существует два способа убедиться, что код работает только тогда, когда страница готова. Один из них - поместить код в нижнюю часть тела, чтобы страница уже была загружена. Другой заключается в том, чтобы поместить его в прослушиватель событий для события загрузки окна:

<script type="text/javascript"> 
    window.addEventListener("load", function(e) { 

    // code goes here 

    }); 
</script> 

Какой из лучших? Это вечная дискуссия. Я предпочитаю слушателя так, чтобы код был наверху, но многие не согласились.