打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
动态生成按钮
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script>
function add1()
{
   var obtn=document.createElement("input");
obtn.setAttribute("type","button");
obtn.setAttribute("value","test1");
document.body.appendChild(obtn);//注意如果有form表单不要忘记加入表单
    }
function add2()
{
   var obtn=document.createElement("input");
   obtn.type="button";
   obtn.value="test2";
   document.body.appendChild(obtn);
}
function add3()
{
   var obtn="<input type='button' value='test3'/>";
   document.body.innerHTML=obtn;//这个方法会删除body中的其它控件 可以预先加到固定的容器中
  
}
   </script>  
</head>

<body>
<input type="button" value="add1" onclick="add1()"/>
<input type="button" value="add2" onclick="add2()"/>
<input type="button" value="add3" onclick="add3()"/>
</body>

</html>
 

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
BOM - history与search处理
JavaScript控制ComboBox中Option的增加和删除(原)-JavaScri...
js面向对象实现Tab切换
web前端教程:Math函数
网络技术-—愽客站
js中设置样式的几种方式(setAttribute,className)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服