More than 3 years have passed since last update.

ノードをbodyタグに挿入するなら、jsファイルの読み込みはbody開始タグより下で

Last updated at 2021-04-28Posted at 2021-04-28

はじめに

ノードの作成、挿入を勉強しました。appendChildって難しい
以下ありがたい参考ページ
【DOM基礎】要素内容の取得・設定／ノードの作成・挿入・削除

今までhtmlファイルのheadタグでjsファイルを読み込んでいましたが、
挿入箇所、例えば

document.body.appendChild(container);

とbodyタグの中に挿入するときは、bodyタグの開始以降に記述しないと
Cannot read property 'appendChild' of null
挿入先がないと怒られます。

挿入先の指定が

document.body.appendChild(container);

または

id名.appendChild(container);

でしかできませんでした。
クラス名やタグ名を指定するのは無理そう？

jsファイルの読み込み場所の正解がわかりません。body終了タグの直前が丸いのでしょうか。