轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答 工具 导航 更多 实例 参考

HTML DOM createElement() 方法

实例

创建一个按钮:

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

HTML 元素通常包含文本。要创建包含文本的按钮，请使用元素对象的 innerText 或 innerHTML 属性：

实例

创建带有文本的按钮：

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"
亲自试一试 »