javascript 怎么添加按钮？

 我来答

2个回答

#热议# 网上掀起『练心眼子』风潮，真的能提高情商吗？

东师陈老师

高粉答主

2018-04-02 · 每个回答都超有意思的

知道大有可为答主

回答量：1.5万

采纳率：41%

帮助的人：1309万

我也去答题访问个人页

关注

展开全部

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

<html>

<head>

function addButton(){

var html ="<input type=\"button\" value=\"新加\" onclick=\"newButton();\">";

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

}

function newButton(){

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

}

</script>

</head>

<body>

<div>

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

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

</div>

</body>

</html>

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

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

已赞过 已踩过<

评论收起

北京市商汤科技开发

广告2024-11-29

基于商汤大模型，让AI帮你写代码，支持100+语言与主流IDE，提升编程效率超50%。涵盖多场景，已助数万用户提升效率。点击立即体验!

www.sensetime.com

口水猪宝
2018-01-06 · TA获得超过505个赞

知道小有建树答主

回答量：247

采纳率：0%

帮助的人：194万

我也去答题访问个人页

关注

展开全部

是想在js里动态添加吗？一般有两种方式：
1。加载时就有该按钮，但是设置不显示，需要时再显示该按钮
2。往指定的区域添加按钮
第2种如果是借助JQuery更简单实现，这里是一个用原生js实现的示例：
<html>
<head>
<title></title>
<script type="text/javascript">
function addButton(){
var html ="<input type=\"button\" value=\"新加\" onclick=\"newButton();\">";
document.getElementById("add").innerHTML=html;
}
function newButton(){
alert("我是新加的按钮");
}
</script>
</head>
<body>
<div>
<p>点击该按钮增加一个新按钮</p>
<input type="button" value="点击增加" onclick="addButton();">
<p>新增的按钮在这显示</p>
<div id="add"></div>
</div>
</body>
</html>