动态创建按钮的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 相关文章推荐
借用Google的Javascript API Loader来加速你的网站
Jan 28 Javascript
Javascript 的addEventListener()及attachEvent()区别分析
May 21 Javascript
Prototype 学习 Prototype对象
Jul 12 Javascript
js实现收缩菜单效果实例代码
Oct 30 Javascript
JavaScript中的Promise使用详解
Jun 24 Javascript
js实现选中复选框文字变色的方法
Aug 14 Javascript
jQuery验证插件validate使用方法详解
Sep 13 Javascript
jQuery实现的简单百分比进度条效果示例
Aug 01 Javascript
Javascript使用SWFUpload进行多文件上传
Nov 16 Javascript
微信小程序云开发之使用云存储
May 17 Javascript
详解elementUI中input框无法输入的问题
Apr 27 Javascript
在js中修改html body的样式
Nov 11 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
人族 TERRAN 概述
2020/03/14 星际争霸
php文件夹与文件目录操作函数介绍
2013/09/09 PHP
php中使用Ajax时出现Error(c00ce56e)的详细解决方案
2014/11/03 PHP
基于laravel缓冲cache的用法详解
2019/10/23 PHP
Aster vs KG BO3 第二场2.19
2021/03/10 DOTA
JavaScript 给汉字排序实例代码
2008/06/28 Javascript
JavaScript中null与undefined分析
2009/07/25 Javascript
基于jquery的无缝循环新闻列表插件
2011/03/07 Javascript
jquery 实现上下滚动效果示例代码
2013/08/09 Javascript
js 去掉空格实例 Trim() LTrim() RTrim()
2014/01/07 Javascript
深入理解JavaScript系列(43):设计模式之状态模式详解
2015/03/04 Javascript
js实现横向伸展开的二级导航菜单代码
2015/08/28 Javascript
JavaScript编程中实现对象封装特性的实例讲解
2016/06/24 Javascript
用AngularJS的指令实现tabs切换效果
2016/08/31 Javascript
vue高德地图之玩转周边
2017/06/16 Javascript
nodejs 简单实现动态html的方法
2018/05/12 NodeJs
ES6 Promise对象概念及用法实例详解
2019/10/15 Javascript
python之wxPython菜单使用详解
2014/09/28 Python
python好玩的项目—色情图片识别代码分享
2017/11/07 Python
Tensorflow 查看变量的值方法
2018/06/14 Python
python生成多个只含0,1元素的随机数组或列表的实例
2018/11/12 Python
浅谈python 中类属性共享的问题
2019/07/02 Python
Python Django简单实现session登录注销过程详解
2019/08/06 Python
Python序列对象与String类型内置方法详解
2019/10/22 Python
Django中modelform组件实例用法总结
2020/02/10 Python
浅谈matplotlib.pyplot与axes的关系
2020/03/06 Python
Python 操作SQLite数据库的示例
2020/10/16 Python
详解CSS3 用border写 空心三角箭头 (两种写法)
2017/09/29 HTML / CSS
详解如何在登录过期后跳出Ifram框架
2020/09/10 HTML / CSS
英国女性化妆品收纳和家具网站:Beautify
2019/12/07 全球购物
2014年终个人工作总结
2014/11/07 职场文书
成本低的5个创业项目:投资小、赚钱快
2019/08/20 职场文书
使用pandas或numpy处理数据中的空值(np.isnan()/pd.isnull())
2021/05/14 Python
MySQL 时间类型的选择
2021/06/05 MySQL
MongoDB orm框架的注意事项及简单使用
2021/06/20 MongoDB
Win11安装升级时提示“该电脑必须支持安全启动”
2022/04/19 数码科技