给动态添加的按钮添加动态事件

原创于 2017-06-19 11:29:05 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#给动态添加的按钮添加动态事件 #动态添加按钮 #动态添加事件

JS类专栏收录该内容

202 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态创建按钮的方法，并演示了如何为该按钮添加点击事件以弹出提示框。通过简单的代码示例，读者可以了解整个过程。

部署运行你感兴趣的模型镜像

function add(){
    var btn = document.createElement("button");  //首先动态创建button按钮；
    btn.id="box";
    btn.value = "动态创建的按钮";
    var text = document.createTextNode("动态创建的按钮"); //动态创建按钮的文本元素；
    btn.appendChild(text);    //将按钮的文本元素添加到动态创建的按钮上；
    document.body.appendChild(btn); //将按钮添加到文档中；
    document.getElementById("box").onclick = function(){  //有了按钮后为按钮添加事件；
        alert("我被添加了")
    }

}
add(); //调用函数，执行函数里边的代码；