在div中写入一个Button按钮 (js)

在div中写入一个Button按钮 (js)
最新回答
未来不动情

2023-02-06 22:46:17

1、首先打开hbuilder,新建一个html文件,在里面写入input按钮设置id属性并绑定添加按钮的事件:

2、然后在下面的script标签中编写按钮事件函数,里面首先用createElement函数创建一个input标签,设置type属性和value属性,最后给新按钮添加点击的监听事件,当点击以后就创建这个按钮,最后在函数最外层调用一下就可以了:

3、最后打开浏览器,可以看到一个添加按钮的按钮:

4、多次点击该按钮,下方会新建出一排按钮:

拾柒

2022-10-25 01:12:54

<!--STATUS OK-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>在div中写入一个Button按钮 (js)_百度知道 </title>

<link rel="alternate" type="application/rss+xml" title="“在div中写入一个Button按钮 (js)”的最新回答(RSS 2.0)" href="
http://zhidao.baidu.com/q?ct=20&qid=113109049&pn=65535&rn=25&tn=rssqb
">

</head>
<body>
<script>

bt=document.createElement("button");
bt.innerHTML="添加一个button";
document.body.appendChild(bt);

</script>
</body>
</html>
少女心泛滥

2021-12-09 15:36:27

<div>
<input type="button" vlaue="按钮"/>
</div>
搞定了,就是这么简单
大叔的仙女棒

2020-11-01 16:48:19

div1.innerHTML ="<input type=button>";