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

<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

js 动态生成button 并设置click事件相关推荐

JS动态生成的元素，其对应的方法不响应（比如单击事件，鼠标移动事件等）...
主要原因:在页面给元素注册点击事件的时候[ $(function () { XXX }); ],JS动态生成的元素还尚未生成,所以click事件就没有生效解决方法: 方案一:js动态生成元素后再给 ...
js动态生成的DOM绑定事件失效的问题
事件委托原理:事件冒泡机制. 优点:1. 可以大量节省内存占用,减少事件注册.比如ul 上代理所有li 的click 事件. 2. 可以实现当新增子对象时,无需再对其事件进行绑定.对动态内容部分尤为合 ...
js动态生成echarts图表，并生成图片保存到本地，自定义图片名。
目录一.js动态生成图表 1. 效果图 2. 测试数据 3. 实现代码二.点击下载按钮生成快照 - 图片路径 1. 效果图 2. 实现代码三. 保存图片到本地 1. 效果图 2. 代码实现一. ...
动态生成的dom为什么绑定事件会失效，以及如何解决
之前做项目都是直接用jquery的bind绑定事件,不过当时都不是动态生成dom元素,而是已经页面中原本存在的dom元素进行事件绑定,最近在测试给动态生成的dom绑定事件的时候发现事件失效,于是就测试 ...
js 动态生成html（js根据后台返回数据生成html页面中的table标签）（转义字符）
js 动态生成html table标签中内容js生成 html代码 js代码 js 动态生成html 触发事件传参字符转义 table标签中内容js生成 html代码 <div><t ...
js动态生成html表格
刚在论坛上面逛的时候看到有人问html表格怎么动态生成,我回了一下发现有好多小伙伴追问- - 看来还是有很多人不会的啊,于是决定写个博来解救万千小伙伴于水火之中(mdzz) 首先我们要在html里面有 ...
HTML通过JS动态生成简单网页
HTML通过JS动态生成简单网页 <!DOCTYPE html> <html><head><meta charset="UTF-8"> ...
js动态修改html标签属性,通过js动态创建标签,并设置属性方法
当我们在写jsp页面时,往往会遇到这种情况:从后台获取的数据个数不确定,此时在前端写jsp页面时也就不确定怎么设计了.这个时候就需要通过js动态创建标签: 1.创建某个标签:如下在body中创建一个d ...
2）JS动态生成HTML元素的爬取
2)JS动态生成HTML元素的爬取 import java.util.List;import org.openqa.selenium.By; import org.openqa.selenium.We ...

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

js 动态生成button 并设置click事件相关推荐

最新文章

热门文章