UDN-企业互联网技术人气社区
UDN 企业互联网技术社区 前端精选 JavaScript精选 动态创建按钮的JavaScript代码

动态创建按钮的JavaScript代码

狗尾巴草 论坛 2016-4-28 13:58
分享到:
摘要: 本文给大家分享一段JS实例代码介绍动态创建按钮的方法,需要的朋友参考下本文, 废话不多说了,直接给大家贴js代码了,具体代码如下所示:
         本文给大家分享一段JS实例代码介绍动态创建按钮的方法,需要的朋友参考下本文

         废话不多说了,直接给大家贴js代码了,具体代码如下所示:
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>Document</title>
  6. <script type="text/JavaScript">
  7. var i = 0;
  8. function addInput(){
  9. var o = document.createElement('input');
  10. o.type = 'button';
  11. o.value = '按钮'+ i++;
  12. if(o.attachEvent){
  13. o.attachEvent('onclick',addInput)
  14. }else{
  15. o.addEventListener('click',addInput)
  16. }
  17. document.body.appendChild(o);
  18. o = null;
  19. }
  20. </script>
  21. </head>
  22. <body onload="addInput()">
  23. </body>
  24. </html>
复制代码

         以上所述是小编给大家介绍的动态创建按钮的JavaScript代码,希望对大家有所帮助。

相关阅读

分享到:
已有2条评论

最新评论

ACE无压力
貌似看过类似的文章恩,排版更清晰点就更好了
再见西城
有空一起交流一下

一周焦点

关注我们:
关于我们
联系我们
  • 电话:010-86393388
  • 邮件:udn@yonyou.com
  • 地址:北京市海淀区北清路68号
移动客户端下载
关注我们
  • 微信公众号:yonyouudn
  • 扫描右侧二维码关注我们
  • 专注企业互联网的技术社区
版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
返回顶部