2012-05-31 7 views
15

ここでは非常に簡単なプログラムです。出力はsとJavaScriptでなければなりませんが、私はaとなっています。JavaScript innerHTMLが機能しない

<html> 
    <head> 
     <title></title> 
     <script type="text/javascript"> 
      document.getElementById("ma").innerHTML="JavaScript"; 
     </script> 
    </head> 
    <body> 
     <h1 id="ma">s</h1> 
    </body> 
</html> 

答えて

21

値を設定しようとしているときに要素が存在しません。 <h1>がDOMに追加された後でこれを呼び出す必要があります。あなたがさらに下この<script>タグを移動したり、どの文書がロードされたときに呼び出されるべき機能にあなたのロジックを追加することができますいずれか

window.onload = function() { 
    /* Add your logic here */ 
} 

デモ:http://jsfiddle.net/Lr2Hm/

+1

は私にとって魅力のように働きました。ありがとう。 –

9

あなたがする必要がありますDOMがロードされるまで待ちます。

window.onload = function(){ 
    document.getElementById("ma").innerHTML="JavaScript"; 
} 
11

あなたは2つの選択肢があります。

window.onload = function() { 
    //your script here 
} 

または

<body> 
    <h1 id="ma">s</h1> 
    <script type='text/javascript'> 
     //your script here 
    </script> 
</body> 
関連する問題