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 支持 支持 支持 支持