JavaScript HTML DOM createElement() 方法

HTML DOM createElement() 方法

document.createElement()方法创建具有指定名称的元素节点。

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

实例：

创建一个<button>元素：

var btn = document.createElement("BUTTON");

尝试一下

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

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

尝试一下

浏览器支持

项	IE/Edge	Chrome	FireFox	Safari	Opera
方法
createElement()	支持	支持	支持	支持	支持

语法

document.createElement(nodename)

方法值

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

技术细节

项目	描述
返回值：	一个Element对象，表示创建的Element节点
DOM版本	Core Level 1

更多例子

使用一些文本创建<p>元素，用于innerText设置文本，并将其附加到文档：

var para = document.createElement("P");               
para.innerText = "This is a paragraph";                
document.body.appendChild(para);

尝试一下

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

var para = document.createElement("P");                 
para.innerHTML = "This is a paragraph.";    
document.getElementById("myDIV").appendChild(para);

尝试一下