HTML要素は、多くの場合、テキストが含まれています。 テキスト付きのボタンを作成するには、あなたはまた、あなたがに追加するテキスト・ノードを作成する必要があり<button>要素を：
例
テキスト付きのボタンを作成します。
var btn = document.createElement("BUTTON");
// Create a <button> element
var t = document.createTextNode("CLICK ME");
// Create a text node
btn.appendChild(t);
// Append the text to <button>
document.body.appendChild(btn);
// Append <button> to <body>結果は次のようになります。
»それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
createElement()メソッドは、指定された名前を持つ要素ノードを作成します。
ヒント：使用createTextNode()テキストノードを作成する方法を。
ヒント：要素が作成された後、使用要素を 。 appendChild()又は要素 。 insertBefore()メソッドは、ドキュメントに挿入します。
ブラウザのサポート
| 方法 | |||||
|---|---|---|---|---|---|
| createElement() | はい | はい | はい | はい | はい |
構文
document.createElement( nodename )パラメータ値
| パラメーター | タイプ | 説明 |
|---|---|---|
| nodename | String | 必須。 あなたが作成したい要素の名前 |
技術的な詳細
| 戻り値： | 作成された要素ノードを表すElementオブジェクト、 |
|---|---|
| DOMバージョン： | コアレベル1のドキュメントオブジェクト |
その他の例
例
作成<p>いくつかのテキストを持つ要素を、そしてドキュメントに追加します。
var para = document.createElement("P");
// Create a <p> element
var t =
document.createTextNode("This is a paragraph");
// Create a text node
para.appendChild(t);
// Append the text to <p>
document.body.appendChild(para);
// Append <p> to <body> »それを自分で試してみてください 例
作成<p>要素をし、それを追加<div>要素：
var para = document.createElement("P");
// Create a <p> element
var t =
document.createTextNode("This is a paragraph.");
// Create a text node
para.appendChild(t);
// Append the text to <p>
document.getElementById("myDIV").appendChild(para);
// Append <p> to <div> with id="myDIV" »それを自分で試してみてください