需求:
我们想知道如何使用js动态创建带有 事件的按钮。
实现方法和源码:
要动态创建按钮,可以使用js的document.createElement()方法,要为按钮添加 事件,可以使用js的setAttribute方法,具体实现代码如下所示:
<!DOCTYPE html>
<html>
<head>
< type=\'text/ \'>
window. =function(){
<!--from http://www.manongjc.com 码农教程 -->
var x=\"hi.\", b;
(b = document.createElement(\"button\")).innerHTML = \"click me\";
b.setAttribute(\" \", \"alert(\'\"+x+\"\')\");
document.body.appendChild(b);
}
</ >
</head>
<body>
</body>
</html>
注意,这里使用了js 的innerHTML()方法为button设置了文本值。
继续阅读与本文标签相同的文章
-
5G核心网建设是采用SA独立组网还是NSA独立组网
2026-05-15栏目: 教程
-
买了iPhone手机,旧设备上数据怎样迁移,这有3种办法快速解决
2026-05-15栏目: 教程
-
昔日电商巨头轰然倒塌!烧光几十亿补贴后,欠下工资5600万
2026-05-15栏目: 教程
-
从做流量的梦到踏实做生意,小程序成为互联网逆袭工具!
2026-05-15栏目: 教程
-
Uber在巴黎上线摩托车租赁服务,加速共享两轮布局对击Lyft
2026-05-15栏目: 教程
