HTML元素通常包含文本。 要创建一个按钮，文本还必须创建要追加到文本节点<button>元素：
例
创建文本的按钮：
var btn = document.createElement("BUTTON");
// Create a <button> element
var t = document.createTextNode("CLICK ME");
// Create a text node
btn.appendChild(t);
// Append the text to <button>
document.body.appendChild(btn);
// Append <button> to <body>其结果将是：
试一试» 更多"Try it Yourself"下面的例子。
定义和用法
所述createElement()方法具有指定名称创建一个元节点。
提示：使用createTextNode()方法创建一个文本节点。
提示：在创建元素后，使用元素 。 appendChild()或元件 。 insertBefore()方法将其插入到文档中。
浏览器支持
| 方法 | |||||
|---|---|---|---|---|---|
| createElement() | 是 | 是 | 是 | 是 | 是 |
句法
document.createElement( nodename )参数值
| 参数 | 类型 | 描述 |
|---|---|---|
| nodename | String | 需要。 你要创建的元素的名称 |
技术细节
| 返回值： | Element对象，它表示创建的元素节点 |
|---|---|
| DOM版本： | 核心1级文档对象 |
更多示例
例
创建<p>一些文本元素，并将它附加到文档：
var para = document.createElement("P");
// Create a <p> element
var t =
document.createTextNode("This is a paragraph");
// Create a text node
para.appendChild(t);
// Append the text to <p>
document.body.appendChild(para);
// Append <p> to <body> 试一试» 例
创建<p>元素，并将其附加到<div>元素：
var para = document.createElement("P");
// Create a <p> element
var t =
document.createTextNode("This is a paragraph.");
// Create a text node
para.appendChild(t);
// Append the text to <p>
document.getElementById("myDIV").appendChild(para);
// Append <p> to <div> with id="myDIV" 试一试»