js 动态生成button 并设置click事件

JavaScript动态添加按钮并绑定事件

最新推荐文章于 2024-05-14 17:45:34 发布

weixin_30788731

最新推荐文章于 2024-05-14 17:45:34 发布

阅读量356

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Lulus/p/7873867.html

本文介绍如何使用JavaScript动态创建按钮元素，并将其添加到指定的div容器中，同时为该按钮绑定点击事件以实现特定功能。具体实现包括利用document.getElementById获取目标div，通过document.createElement创建按钮对象，设置按钮文本，定义点击事件处理函数，最后将按钮添加到页面上。

<div id="MyDiv"></div>
<script>
function AddButton() {
     var MyDiv =document.getElementById("MyDiv");
     var bt =document.createElement("button");           //createElement生成button对象
     bt.innerHTML = '删除'; 
     bt.onclick = function () {                          //绑定点击事件
         delete(this.parentNode.parentNode.id);
     };
     pictureDiv.appendChild(bt);                         //添加到页面
}
</script>

转载于:https://www.cnblogs.com/Lulus/p/7873867.html