ホーム
javascript

[解決済み】JavaScriptのinnerHTMLで要素が更新されない

2022-01-24 05:28:02

質問

以下は非常に簡単なプログラムで、出力は次のようになります。 JavaScript が表示されるだけです。 s .

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

解決方法は？

値を設定しようとしている時点では、その要素が存在しない。の後に呼び出す必要があります。 <h1> が DOM に追加されました。

を移動させるか、この <script> タグをさらに下げるか、ドキュメントが読み込まれたときに呼び出される関数にロジックを追加してください。

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

デモの様子 http://jsfiddle.net/Lr2Hm/

[解決済み】JavaScriptのinnerHTMLで要素が更新されない

質問

解決方法は？

関連

最新

おすすめ