divタグのonload属性について

JavaScriptのonload属性についてご教示いただければ幸いです。

test.jsの内容は以下の通りです。

JavaScript
1
2  function loadAppStoreInfo() {
3    alert("Hello World");
4  }
5

この時、

HTML
1<!DOCTYPE html>
2<html>
3<head>
4<title>サンプル</title>
5<script src="./test.js"></script>
6</head>
7<body onload="loadAppStoreInfo()">
8<div id="T1"></div>
9</body>
10</html>

とすると、ブラウザには"Hello World"と表示されるのですが、

HTML
1<!DOCTYPE html>
2<html>
3<head>
4<title>サンプル</title>
5<script src="./test.js"></script>
6</head>
7<body>
8<div id="T1" onload="loadAppStoreInfo()"></div>
9</body>
10</html>

とすると、”Hello World”と表示されないのは何故なのでしょうか。bodyタグにもdivタグにもonload属性はあるのでdivタグでも実行されるのかと思いました。

m.ts10806

2020/08/21 02:08 編集

そもそも何をしようとしてonloadを使おうとしているのでしょうか。

行動規範の内容に同意します

回答2件

bodyタグにもdivタグにもonload属性はあるので

あるのかもしれませんが、このイベントは「他のリソースを呼ぶ」エレメントが、そのリソースを読み込み終えたときに発火するものですので（WHATWG）、通常の<div>で反応することはないものと思われます。

投稿2020/08/21 00:20

maisumakun

総合スコア145184

bodyタグにもdivタグにもonload属性はあるので

追記）ご質問のHTMLコード（DOCTYPE宣言文）より、HTML5における回答となります。

2020-08-21 現在の divタグに　onload 属性はありません。

HTML5 は　**Living　Standard（生活水準標準）**として日々変化していますので、高めの頻度で確認するのが良いと思います。

以下の手順で確認しました（他の要素でも同様ですので、参考になさってください）。

「MDN <div>」で検索し、<div>: コンテンツ分割要素を確認（DOM インターフェイス HTMLDivElement との記載あり）。
HTMLDivElement（リンク先）を調べると、現行仕様の属性/メソッドは HTMLElement から継承するもののみと分かる
親オブジェクトである HTMLElement（リンク先）を調べると、onload イベントは実装されていない。
さらに親の Element でもプロパティ、メソッド、イベントの記載を確認（同様にonloadは未実装）