动态创建按钮的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 相关文章推荐
javascript得到XML某节点的子节点个数的脚本
Oct 11 Javascript
Javascript实现动态菜单添加的实例代码
Jul 05 Javascript
js中substr,substring,indexOf,lastIndexOf的用法小结
Dec 27 Javascript
JavaScript类型系统之正则表达式
Jan 05 Javascript
Vuejs第十三篇之组件——杂项
Sep 09 Javascript
浅谈js在html中的加载执行顺序,多个jquery ready执行顺序
Nov 26 Javascript
网页中的图片查看器viewjs使用方法
Jul 11 Javascript
JS判断微信扫码的方法
Aug 07 Javascript
在 Node.js 中使用原生 ES 模块方法解析
Sep 19 Javascript
利用JS代码自动删除稿件的普通弹幕功能
Sep 20 Javascript
json_decode 索引为数字时自动排序问题解决方法
Mar 28 Javascript
javascript实现用户必须勾选协议实例讲解
Mar 24 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
You might like
php XMLWriter类的简单示例代码(RSS输出)
2011/09/30 PHP
PHP 设计模式之观察者模式介绍
2012/02/22 PHP
php使用cookie显示用户上次访问网站日期的方法
2015/01/26 PHP
Firefox下提示illegal character并出现乱码的原因
2010/03/25 Javascript
使用JQuery快速实现Tab的AJAX动态载入(实例讲解)
2013/12/11 Javascript
JQuery中使用Ajax赋值给全局变量异常的解决方法
2014/01/10 Javascript
js document.write()使用介绍
2014/02/21 Javascript
JS获取及设置TextArea或input文本框选择文本位置的方法
2015/03/24 Javascript
JavaScript中setFullYear()方法的使用详解
2015/06/11 Javascript
jquery仿百度百科底部浮动导航特效
2015/08/08 Javascript
jquery带动画效果幻灯片特效代码
2015/08/27 Javascript
javascript发送短信验证码实现代码
2015/11/12 Javascript
AngularJS ng-app 指令实例详解
2016/07/30 Javascript
jQuery模拟Marquee实现无缝滚动效果完整实例
2016/09/29 Javascript
遍历json 对象的属性并且动态添加属性的实现
2016/12/02 Javascript
jQuery实现遍历复选框的方法示例
2017/03/06 Javascript
详解在AngularJS的controller外部直接获取$scope
2017/06/02 Javascript
ES6中Array.find()和findIndex()函数的用法详解
2017/09/16 Javascript
vue2组件之select2调用的示例代码
2017/10/12 Javascript
详解Chai.js断言库API中文文档
2018/01/31 Javascript
r.js来合并压缩css文件的示例
2018/04/26 Javascript
JavaScript实现省份城市的三级联动
2020/02/11 Javascript
jQuery zTree如何改变指定节点文本样式
2020/10/16 jQuery
Vue 实例中使用$refs的注意事项
2021/01/29 Vue.js
Python中asyncore异步模块的用法及实现httpclient的实例
2016/06/28 Python
Sanic框架应用部署方法详解
2018/07/18 Python
python读取图片任意范围区域
2019/01/23 Python
python简单实现最大似然估计&amp;scipy库的使用详解
2020/04/15 Python
对Matlab中共轭、转置和共轭装置的区别说明
2020/05/11 Python
浅谈Pycharm的项目文件名是红色的原因及解决方式
2020/06/01 Python
python 利用panda 实现列联表(交叉表)
2021/02/06 Python
HTML5添加禁止缩放功能
2017/11/03 HTML / CSS
女大学生自我鉴定
2013/12/09 职场文书
政治学专业毕业生求职信
2014/08/11 职场文书
教师查摆问题自查报告
2014/10/11 职场文书
毕业论文致谢怎么写
2015/05/14 职场文书