JavaScriptをHTMLファイルに記述した場合、最初にfunctionスコープ内の動作以外は全て行なわれますよね。例えば、と書いた場合、ページの表示と同時にアラートが出ます。しかし上のalertの部分をdocument.getElementById("test").innerHTML = "test";にすると、これが実行されないのです。もちろんタグはちゃんとbodyタグ内に記述してあります。functionを定義してbody onLoadで呼び出す方法もありますが、できればfunctionをむやみに使いたくないので、先のalertの時のように動作させたいのです。これが動作しない原因は何なのでしょうか？

単純にdocument.getElementById("test")がまだ無いだけだと思います。例えば document.getElementById("test").innerHTML = "test"; ではオブジェクトがありませんとなりますが、 document.getElementById("test").innerHTML = "test"; とすると動くと思います。

innerHTMLが動作しない。

解決済

質問者：taku17
質問日時：2006/12/11 19:16
回答数：3件

JavaScriptをHTMLファイルに記述した場合、最初にfunctionスコープ内の動作以外は全て行なわれますよね。例えば、

<script type="text/javascript">

</script>

と書いた場合、ページの表示と同時にアラートが出ます。しかし上のalertの部分をdocument.getElementById("test").innerHTML = "test";にすると、これが実行されないのです。もちろん<div id="test"></div>タグはちゃんとbodyタグ内に記述してあります。functionを定義してbody onLoadで呼び出す方法もありますが、できればfunctionをむやみに使いたくないので、先のalertの時のように動作させたいのです。

これが動作しない原因は何なのでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： yambejp
回答日時：2006/12/11 21:18

>できればfunctionをむやみに使いたくない

ってどんな主張かしりませんが、つまらないポリシーのために
本来やるべきことを避けているのでは本末転倒ですね。
functionをつかわないなら、bodyの一番最後に
scriptをかくことになりますのでひじょーにかっちょわるいです。

前出の回答のほかではよくつかうのはonloadで呼び出す。

<html>
<head>
<script>
window.onload=function(){
document.getElementById("test").innerHTML = "test";
}
</script>
</head>
<body>
<div id="test"></div>
</body>
</html>

- 2
- 件

通報する

No.2

回答者： noname#39970
回答日時：2006/12/11 20:07

No1でも書かれてるけどJavascriptは上から順に読み込まれる

HTMLも上から描画されていく

なので読み込んでいってまだ描画されてない所に実行文が有っても無いと言われる。

例
・headタグ内でscript実行
・目的のタグがbody内
　→まだbodyは読まれてないので無いと言われる

例
//----------
TEST();
function TEST(){
　alert("TEST");
}
//----------
TESTの実体が出てきてないのに呼び出してるので実行できない

- 2
- 件

通報する

No.1

回答者： noname#23734
回答日時：2006/12/11 19:46

単純にdocument.getElementById("test")がまだ無いだけだと思います。

例えば
<head>
<script>
document.getElementById("test").innerHTML = "test";
</script>
</head>
ではオブジェクトがありませんとなりますが、
<div id="test"></div>
<script>
document.getElementById("test").innerHTML = "test";
</script>
とすると動くと思います。