javascript 怎么添加按钮？_教程

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

<html>

<head>

<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网页增加动态功能。

使用语句：document.getElementById("按钮").setAttribute("disabled", true)即可。

1、设置一个html页面，页面上有一个按钮，初始是可使用的。

2、设计一个函数，作为按钮绑定测试：

3、此时点击页面上的按钮数次：

4、打开开发者console，如下：

5、此时给button添加关键代码：

6、再次测试，刷新页面查看，变成了灰色：

7、点击按钮数次，打开console，显示无输出：

欢迎分享，转载请注明来源：内存溢出

javascript 怎么添加按钮？