轻松上手,快乐学习!

HTML DOM createElement() 方法


实例

创建一个按钮:

var btn = document.createElement("BUTTON");
亲自试一试 »

HTML 元素通常包含文本。要创建包含文本的按钮,请使用元素对象的 innerTextinnerHTML 属性:

实例

创建带有文本的按钮:

var btn = document.createElement("BUTTON");   // 创建一个<button>元素
btn.innerHTML = "CLICK ME";                   // 插入文本
document.body.appendChild(btn);               // 将 <button> 附加到 <body>
亲自试一试 »

页面下方有更多实例。


定义和用法

方法创建具有指定名称的元素节点。

提示: 创建元素后,使用 element.appendChild()element.insertBefore() 方法将其插入到文档中。


浏览器支持

方法
createElement() Yes Yes Yes Yes Yes

语法

document.createElement(nodename)

参数值

参数 类型 描述
nodename String 必须。创建元素的名称。

技术细节

返回值: 元素对象,表示已创建的元素节点
DOM 版本: Core Level 1 Document Object

更多实例

实例

创建一个包含一些文本的 <p> 元素,使用 innerText 设置文本,并将其附加到文档中:

var para = document.createElement("P");               // Create a <p> element
para.innerText = "This is a paragraph";               // Insert text
document.body.appendChild(para);                      // Append <p> to <body>
亲自试一试 »

实例

创建一个 <p> 元素并将其附加到 <div> 元素:

var para = document.createElement("P");                 // Create a <p> element
para.innerHTML = "This is a paragraph.";                // Insert text
document.getElementById("myDIV").appendChild(para);     // Append <p> to <div> with id="myDIV"
亲自试一试 »