返回到：DOM 对象：HTML DOM Document 对象
定义和用法
createElement() 方法通过指定名称创建一个元素
所有主要浏览器都支持 createElement() 方法
语法
document.createElement(nodename)参数
| 参数 | 类型 | 描述 |
|---|---|---|
| nodename | String | 必须。创建元素的名称。 |
返回值
| 类型 | 描述 |
|---|---|
| 元素对象 | 创建的元素节点 |
技术细节
| DOM 版本 | Core Level 1 Document Object |
|---|
实例
创建一个按钮：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程网(web176.com)</title>
</head>
<body>
<p id="demo">单击按钮创建button元素</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
var btn=document.createElement("BUTTON");
document.body.appendChild(btn);
};
</script>
</body>
</html>创建指定文本的按钮：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程网(web176.com)</title>
</head>
<body>
<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>
</body>
</html>作者：terry，如若转载，请注明出处：https://www.web176.com/javascriptbook/domtips/4597.html
支付宝 
微信 