HTML DOM Element オブジェクト HTML DOM Document オブジェクト

JS DOMリファレンスマニュアル

createElement()HTML DOM createElement() メソッド

メソッドを使用して指定された名前のHTML要素ノードを作成します。createTextNode()メソッドを使用してテキストノードを作成します。

要素を作成した後、element.appendChild()またはelement.insertBefore()そのメソッドを使用してドキュメントに挿入します。

文法：

document.createElement(name)

例

var　newElem　=　document.createElement("h3");

テストをしてみる‹/›

ブラウザの互換性

すべてのブラウザが完全に createElement() メソッドをサポートしています：

メソッド
createElement()	は	は	は	は	は

引数の値

引数	説明
name	要素名を含む文字列

技術的詳細

返り値：	作成された Element ノードを表す Element オブジェクト
DOM バージョン：	DOM レベル1

さらに多くの例

一つの <p> 要素を作成し、それを <div> 要素に追加する：

例

var　para　=　document.createElement("p");
var　newContent　=　document.createTextNode("Hi　there　and　greetings!");
para.appendChild(newContent);
document.getElementById("myDiv").appendChild(para);