HTML DOM Document createElement() 方法

定義和用法

createElement() 方法創建元素節點。

另請參閱：

Element appendChild() 方法

Element insertBefore() 方法

實例

例子 1

創建 <p> 元素并將其附加到文檔中：

const para = document.createElement("p");
para.innerText = "This is a paragraph";
document.body.appendChild(para);

親自試一試

例子 2

創建 <p> 元素并將其附加到元素：

const para = document.createElement("p");
para.innerHTML = "This is a paragraph.";
document.getElementById("myDIV").appendChild(para);

親自試一試

例子 3

創建按鈕：

const btn = document.createElement("button");
btn.innerHTML = "Hello Button";
document.body.appendChild(btn);

親自試一試

語法

document.createElement(tagName)

參數

參數 描述
tagName

必需。要創建的元素的標簽名。

HTML 標簽名可采用任意大小寫。

XML 標簽名需要區別大小寫。

返回值

類型 描述
節點 新創建的元素節點，擁有指定的標簽名。

拋出

如果 tagName 中含有不合法的字符，該方法將拋出代碼為 INVALID_CHARACTER_ERR 的 DOMException 異常。

瀏覽器支持

document.createElement() 是 DOM Level 1 (1998) 特性。

所有瀏覽器都支持它：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持