私のjavascriptプログラムは動作しません

-3

私は乱数genのthingyを作った、と私はバックグラウンドで画像を変更するようにしました。それは2 numersの1になることができます。彼女は、そのようにyahの、私はダ主人公の背景画像を変更する方法を知っておく必要があり私のjavascriptプログラムは動作しません

/* Basic Styles */ 
 
body { 
 
    background-color: #FBFBFB; 
 
    margin: 0; 
 
    padding: 0; 
 
    font-family: 'font', sans-serif; 
 
} 
 
@font-face { 
 
    font-family: font; src: url('font.ttf'); 
 
} 
 
/* Hero Styles */ 
 
#hero{ 
 
    text-align: center; 
 
    background: white; 
 
    margin: auto; 
 
    display: flex; 
 
    width: 100vw; 
 
    height: 65vh; 
 
    background-position: center -550px; 
 
    align-items: center; 
 
    justify-content: center; 
 
} 
 
#hero-title{ 
 
    font-size: 5em; 
 
    color: white; 
 
}

<!doctype html> 
 
<html> 
 
    <head> 
 
     <title> 
 
      Hello 
 
     </title> 
 
     <link rel="stylesheet" href="style.css" /> 
 
     <link rel='shortcut icon' href='images/favicon.ico' type='image/x-icon' /> 
 
     <meta charset="utf-8" /> 
 
     <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
 
     <meta name = "viewport" content = "width = device-width"> 
 
     <script type="text/javascript"> 
 
      var hero=Math.random() 
 
      hero = (hero * 2) 
 
      hero = Math.floor(hero) + 1 
 

 
      console.log("Hero is number " + hero + " of 2.") 
 
      if (hero == 1) { 
 
       document.getElementById("hero").innerHTML.style.background-image="images/hero1.png" 
 
      } 
 
     </script> 
 
    </head> 
 
    <body> 
 
     <div id="hero"> 
 
      <div id="hero-title"> 
 
       awesome websogte 
 
      </div> 
 
     </div> 
 
    </body> 
 
</html>

HTMLコードの（第一CSSです。（もしsstatementに）ラインで3個のエラーがあります

出典

2016-10-29 mlg noscuper2

？ –

ああ、あそこにぶち込まれて、実際には干渉しません –

私は今それを修正しました。 –

2の代わりに「element.innerHTML.style」のセット「element.style」：：。。。背景画像を設定することになっていますそれを修正して、それが動作するコードの変更]背景画像' 「backgroundImage」に設定します。（w3schools）

3： 'url（）'にイメージリンクをラップします。

旧：document.getElementById("hero").innerHTML.style.background-image="images/hero1.png"

新：あなたは内側のと同じことを要求された場合、ネストされたステートメントを持っていないのはなぜdocument.getElementById("hero").style.backgroundImage="url(images/hero1.png)";

出典

2016-10-29 17:25:07 Richard

これは、nullのプロパティ "style"を読み取ることができません。 –

これは、DOMがロードされる前にjavascriptが実行されるためです。 DOMやページが読み込まれたら実行してみるか、ページの一番下にスクリプトを置きます。 – Richard

ここをクリックしてくださいhttps://imgur.com/a/RAFLu –

私のjavascriptプログラムは動作しません

答えて

関連する問題