动态创建按钮的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 一段左右两边随屏滚动的代码
Jun 18 Javascript
从阶乘函数对比Javascript和C#的异同
May 31 Javascript
基于JavaScript 数据类型之Boolean类型分析介绍
Apr 19 Javascript
Js操作Select大全(取值、设置选中等等)
Oct 29 Javascript
js获取UserControl内容为拼html时提供方便
Nov 02 Javascript
JS验证IP,子网掩码,网关和MAC的方法
Jul 02 Javascript
JS获取鼠标选中的文字
Aug 10 Javascript
JS触摸与手势事件详解
May 09 Javascript
JS调用安卓手机摄像头扫描二维码
Oct 16 Javascript
js删除对象/数组中null、undefined、空对象及空数组方法示例
Nov 14 Javascript
vue-cli构建vue项目的步骤详解
Jan 27 Javascript
javascript中正则表达式语法详解
Aug 07 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
造就帕卡马拉的帕卡斯是怎么被发现的
2021/03/03 咖啡文化
PHP调用三种数据库的方法(1)
2006/10/09 PHP
全新的PDO数据库操作类php版(仅适用Mysql)
2012/07/22 PHP
PHP实现批量清空删除指定文件夹所有内容的方法
2017/05/30 PHP
PHP性能测试工具xhprof安装与使用方法详解
2018/04/29 PHP
滚动经典最新话题[prototype框架]下编写
2006/10/03 Javascript
js 浮动层菜单收藏
2009/01/16 Javascript
一个报数游戏js版(约瑟夫环问题)
2010/08/05 Javascript
Jquery仿淘宝京东多条件筛选可自行结合ajax加载示例
2013/08/28 Javascript
如何实现textarea里的不同文本显示不同颜色
2014/01/20 Javascript
JavaScript DOM元素尺寸和位置
2015/04/13 Javascript
微信JS接口大全
2016/08/25 Javascript
AngularJs directive详解及示例代码
2016/09/01 Javascript
5种JavaScript脚本加载的方式
2017/01/16 Javascript
让微信小程序支持ES6中Promise特性的方法详解
2017/06/13 Javascript
浅谈Angular路由守卫
2017/08/26 Javascript
node.js实现的装饰者模式示例
2017/09/06 Javascript
jquery学习笔记之无new构建详解
2017/12/07 jQuery
vue实现选项卡及选项卡切换效果
2018/04/24 Javascript
一文搞懂ES6中的Map和Set
2019/05/20 Javascript
[03:52]显微镜下的DOTA2第三期——英雄在无聊的时候干什么
2014/06/20 DOTA
用python实现k近邻算法的示例代码
2018/09/06 Python
python取数作为临时极大值(极小值)的方法
2018/10/15 Python
django小技巧之html模板中调用对象属性或对象的方法
2018/11/30 Python
numpy和pandas中数组的合并、拉直和重塑实例
2019/06/28 Python
wxPython实现画图板
2020/08/27 Python
tensorflow使用L2 regularization正则化修正overfitting过拟合方式
2020/05/22 Python
Python 抓取数据存储到Redis中的操作
2020/07/16 Python
高三毕业生自我鉴定
2013/12/20 职场文书
先进班级集体事迹材料
2014/01/30 职场文书
什么是就业协议书
2014/04/17 职场文书
乡镇党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
人事行政部各岗位职责说明书!
2019/07/15 职场文书
怎样写好演讲稿题目?
2019/08/21 职场文书
一道JS算法面试题——冒泡、选择排序
2021/04/21 Javascript
为什么node.js不适合大型项目
2021/04/28 Javascript