创建一个 <p> 元素并将其附加到文档中:
const para = document.createElement("p");
para.innerText = "This is a paragraph";
document.body.appendChild(para);
亲自试一试 »
创建一个 <p> 元素并将其附加到一个元素:
const para = document.createElement("p");
para.innerHTML = "This is a paragraph.";
document.getElementById("myDIV").appendChild(para);
亲自试一试 »
下面有更多示例。
这个createElement()
方法创建一个元素节点。
document.createElement(
type)
Parameter | Description |
type | Required. The type of element to create. |
类型 | 描述 |
节点 | 创建的元素节点。 |
创建一个按钮:
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 |
Yes | Yes | Yes | Yes | Yes | 9-11 |
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!