HTML DOM createElement() 方法

Document 对象参考手册 Document 对象

创建一个按钮:

<p id="demo">单击按钮创建button元素</p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var btn = document.createElement("BUTTON");
    document.body.appendChild(btn);
  };
</script>

尝试一下 »


HTML元素经常包含文本。创建指定文本的按钮你需要在按钮元素后添加文本节点:

创建指定文本的按钮:

<p id="demo">单击按钮创建有文本的按钮</p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var btn = document.createElement("BUTTON");
    var t = document.createTextNode("CLICK ME");
    btn.appendChild(t);
    document.body.appendChild(btn);
  };
</script>

尝试一下 »


定义和用法

createElement() 方法通过指定名称创建一个元素


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 createElement() 方法


语法

document.createElement(nodename)

参数

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

返回值

类型 描述
元素对象 创建的元素节点

技术细节

DOM 版本 Core Level 1 Document Object

Document 对象参考手册 Document 对象