Javascript::DOMを使って動的にiframeを作成

要素を使って動的にHTML文書に追加するには、

1.createElementメソッドを使って要素を生成
2.setAttribute()メソッドを使って属性を正しく設定
3.appendChild()メソッドを使って追加

createElementメソッド
書式
createElement(タグの名前)
戻り値:新たに作成したオブジェクト
引数:タグの名前

ex)
var a=createElement("img"); //imag要素を作成
var b=createElement("p");　//p要素を作成

setAttributeプロパティ
書式
setAttribute(属性名,属性値)

ex)
document.body.setAttribute("bgcolor","orange");
//ドキュメントのbody要素のbgcolor属性をorangeにする

getElementByIDメソッド
書式
戻り値:指定したIDを持つオブジェクト
引数:HTML文書内のID

ex)
var pbox=document.getElementByID("plabel");
//plabelというIDがついたオブジェクトがpboxに代入される。

appendChildメソッド
書式
appendChild(追加するオブジェクト)
引数:追加するオブジェクト

ex)
var imgob=createElement(img);
imgob.setAttribute("alt","画像");
imgob.setAttribute("src","test.img");
var pbox=document.getElementByID("plabel");
pbox.appendChiled(imgob);
//pboxというオブジェクトにimagobというオブジェクトを追加