HTML DOM Document createElement()
示例
创建一个 <p> 元素并将其附加到文档中
const para = document.createElement("p");
para.innerText = "这是一个段落";
document.body.appendChild(para);
自己动手试一试 »
创建一个 <p> 元素并将其附加到另一个元素
const para = document.createElement("p");
para.innerHTML = "这是一个段落。";
document.getElementById("myDIV").appendChild(para);
自己动手试一试 »
更多示例见下文。
描述
createElement()
方法创建一个元素节点。
语法
document.createElement(type)
参数
参数 | 描述 |
type | 必需。 要创建的元素的类型。 |
返回值
类型 | 描述 |
节点 | 创建的元素节点。 |
更多示例
创建一个按钮
const btn = document.createElement("button");
btn.innerHTML = "Hello Button";
document.body.appendChild(btn);
自己动手试一试 »
浏览器支持
document.createElement()
是 DOM Level 1 (1998) 的功能。
所有浏览器都完全支持。
Chrome | Edge | Firefox | Safari | Opera | IE |
是 | 是 | 是 | 是 | 是 | 9-11 |