HTML DOMドキュメントcreateElement()
例
<p>要素を作成し、ドキュメントに追加します。
const para = document.createElement("p");
para.innerText = "This is a paragraph";
document.body.appendChild(para);
<p>要素を作成し、要素に追加します。
const para = document.createElement("p");
para.innerHTML = "This is a paragraph.";
document.getElementById("myDIV").appendChild(para);
以下のその他の例。
定義と使用法
このcreateElement()
メソッドは要素ノードを作成します。
構文
document.createElement(type)
パラメーター
Parameter | Description |
type | Required. The type of element to create. |
戻り値
タイプ | 説明 |
ノード | 作成された要素ノード。 |
その他の例
ボタンを作成します。
const btn = document.createElement("button");
btn.innerHTML = "Hello Button";
document.body.appendChild(btn);
ブラウザのサポート
document.createElement()
DOMレベル1(1998)の機能です。
すべてのブラウザで完全にサポートされています。
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |