废话不多说了，直接给大家贴js代码了，具体代码如下所示：
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script type="text/javascript">
var i = 0;
function addInput(){
var o = document.createElement('input');
o.type = 'button';
o.value = '按钮'+ i++;
if(o.attachEvent){
o.attachEvent('onclick',addInput)
}else{
o.addEventListener('click',addInput)
}
document.body.appendChild(o);
o = null;
}
</script>
</head>
<body onload="addInput()">
</body>
</html>
以上所述是小编给大家介绍的动态创建按钮的JavaScript代码，希望对大家有所帮助。
您可能感兴趣的文章:
- js 动态创建 html元素
- js实现动态创建的元素绑定事件
- JS使用eval()动态创建变量的方法
- JS动态创建元素的两种方法
- JavaScript如何动态创建table表格
- JS动态创建DOM元素的方法
- js动态创建及移除div的方法
- javascript实现dom动态创建省市纵向列表菜单的方法
- jQuery动态创建html元素的常用方法汇总
- jquery 动态创建元素的方式介绍及应用
- 基于jquery的动态创建表格的插件
- javascript与jquery动态创建html元素示例
