编程 Javascript

动态创建按钮的JavaScript代码

Posted in Javascript onJanuary 29, 2016

废话不多说了，直接给大家贴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代码，希望对大家有所帮助。

动态创建按钮的JavaScript代码

- Author -

mrr

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JXTree对象，读取外部xml文件数据，生成树的函数

Apr 02 Javascript

firefox火狐浏览器与与ie兼容的2个问题总结

Jul 20 Javascript

jQuery设置和获取HTML、文本和值示例

Jul 08 Javascript

ECMAScript6块级作用域及新变量声明（let）

Jun 12 Javascript

学习JavaScript设计模式之责任链模式

Jan 18 Javascript

JavaScript Date对象详解

Mar 01 Javascript

纯JS实现弹性导航条效果

Mar 06 Javascript

vue2实现数据请求显示loading图

Nov 28 Javascript

Vue 进入/离开动画效果

Dec 26 Javascript

vue2.0安装style/css loader的方法

Mar 14 Javascript

vue下axios拦截器token刷新机制的实例代码

Jan 17 Javascript

原生js实现滑块区间组件

Jan 20 Javascript

JavaScript数据结构与算法之栈与队列

Jan 29 #Javascript

javascript实现表单验证

Jan 29 #Javascript

jQuery实现横向带缓冲的水平运动效果(附demo源码下载)

Jan 29 #Javascript

JavaScript判断DIV内容是否为空的方法

Jan 29 #Javascript

基于javascript实现listbox左右移动

Jan 29 #Javascript

关于获取DIV内部内容报错的原因分析及解决办法

Jan 29 #Javascript

jQuery模拟360浏览器切屏效果幻灯片(附demo源码下载)

Jan 29 #Javascript