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" 試一試»