getElementByIdでこのコードが正しく動作しないのはなぜですか？

誰も私にを表示することができます document.getElementById("ibody").innerHTML=...が表示されない理由はありますか？getElementByIdでこのコードが正しく動作しないのはなぜですか？

<script type="text/javascript"> 
    var v=new Date(); 
    document.write("Avec document.write() = "+v); 
    window.alert("Avec window.alert() = "+v); 
    alert("Avec alert() = "+v); 
    console.log("Avec console.log = "+v); 
    document.getElementById("ibody").innerHTML= 
     "Avec getElementById() ds DIV = "+v 
</script> 

<body id="ibody"></body>

出典

2017-12-29 Jean-Dadet Diasoluka

をdeclearedコード。 –

[JavaScript getElementByID（）not working]の重複可能性があります（https://stackoverflow.com/questions/1829925/javascript-getelementbyid-not-working） – Phylogenesis

時点で、あなたがコードを実行しているので、<body>要素が存在しません。

DOMのロードが完了した後に実行イベントハンドラ内のコードブロックをラップしてみてください。

<script type="text/javascript"> 
    document.addEventListener(
     'DOMContentLoaded', 
     function() { 
      var v=new Date(); 
      document.write("Avec document.write() = "+v); 
      window.alert("Avec window.alert() = "+v); 
      alert("Avec alert() = "+v); 
      console.log("Avec console.log = "+v); 
      document.getElementById("ibody").innerHTML= 
       "Avec getElementById() ds DIV = "+v 
     } 
    ); 
</script>

出典

2017-12-29 13:10:11 Phylogenesis

体の下にJavaScriptコードを維持するには、ソースコードをギ、そして私達にあなたのhtmlソースを表示

出典

2017-12-29 13:10:44

–

'' のままでもかまいません。これはページの下部にjsコードを保持するベストプラクティスで、

getElementByIdでこのコードが正しく動作しないのはなぜですか？

答えて

関連する問題