javascript 怎么添加按钮?

javascript 怎么添加按钮?,第1张

借助JQuery更简单实现,这里是一个用原生javascript实现的示例:

<html>

<head>

<title></title>

<scripttype="text/javascript">

functionaddButton(){

varhtml="<inputtype=\"button\"value=\"新加\"onclick=\"newButton()\">"

document.getElementById("add").innerHTML=html

}

functionnewButton(){

alert("我是新加的按钮")

}

</script>

</head>

<body>

<div>

<p>点击该按钮增加一个新按钮</p>

<inputtype="button"value="点击增加"onclick="addButton()">

<p>新增的按钮在这显示</p>

<divid="add"></div>

</div>

</body>

</html>

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。

它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

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

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

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

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11921556.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存