新JavaScript例文辞典

エレメントを作成する (createElement)

説明

エレメントを作成するにはcreateElement()を使います。パラメータには作成したいエレメント名 ((X)HTMLタグ、XMLタグ)を指定します。エレメントを作成しただけではドキュメント上に追加されませんのでappendChild()などを使ってノードに連結する必要があります。

サンプルプログラム

window.onload = function(){
var ele = document.createElement("img");
ele.src = "images/sample.jpg";
ele.style.width = "128px";
ele.style.height = "64px";
document.body.appendChild(ele);
}
サンプルを実行
[戻る]