需求:

我们想知道如何使用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设置了文本值。

收藏 打印