【JavaScript】bodyに要素を追加

javascript

そういえばbody要素直下にデータを追加したい場合っていまさらながらメモる。

item(int index)で調べる

ノードリスト内のindex番目にある項目を返す。body直下の最初の要素。

var b=getElementByTagName("body");
var ele=b.item(0);

var new_ele=document.createElement("div");
new_ele.innerHTML="新しい要素";
ele.appendChild(new_ele);

document.bodyオブジェクトで追加

そのまんまです。documentオブジェクトのbodyオブジェクトに追加しています。

var new_ele=document.createElement("div");
new_ele.innerHTML="新しい要素";

document.body.appendChild(new_ele);

ただ自分が忘れがちなのでメモ。あとページ・・つまりドキュメントが読み込まれる前にdocument.bodyにアクセスすると存在していないのでエラーになる。そのときは、「widow.onload」なりの処理が必要。