HTML DOM createElement() 方法
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"
亲自试一试 »
