程序博客网 > 三国志13自创武将数据

javascript动态创建控件的3种方法

来源：互联网发布：三国志13自创武将数据编辑：程序博客网时间：2024/04/30 10:05

http://hi.baidu.com/scottcooper/blog/item/5023997a9d0606e92e73b397.html

以创建按钮为例

<html>
<head>
   <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>

三国志13自创武将数据

三国志13自创武将数据

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子小猫喵喵喵喵小猫叫喵喵作品集喵喵成年人app破解版木子喵喵作品喵喵超级搜旧版入口喵喵supers超级搜索系统喵喵超级搜新版入口喵喵儿歌4399儿歌喵喵大作战下载儿歌小猫喵喵木子喵喵作品集喵喵名猫咖啡馆 miaomiao 许喵喵图片许喵喵西瓜奶许喵喵喵播喵喵喵喵是什么歌李喵喵小喵喵泽木而栖木子喵喵楠楠番外篇方瑶莹6木子喵喵喵字组词喵屋下载喵播瞄播喵播下载播播播播播播播 9播播陌秀app 喵斯快跑喵斯快跑内购破解版喵特喵特app 喵特漫展喵特网喵的组词老婆大人喵窝