HTML DOM createElement() 方法
HTML 元素通常包含文本。要创建包含文本的按钮,请使用元素对象的 innerText
或 innerHTML
属性:
实例
创建带有文本的按钮:
var btn = document.createElement("BUTTON"); // 创建一个<button>元素
btn.innerHTML = "CLICK ME"; // 插入文本
document.body.appendChild(btn); // 将 <button> 附加到 <body>
亲自试一试 »
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>
亲自试一试 »
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"
亲自试一试 »
para.innerHTML = "This is a paragraph."; // Insert text
document.getElementById("myDIV").appendChild(para); // Append <p> to <div> with id="myDIV"