JS 给动态生成的按钮绑定onclick事件

最新推荐文章于 2022-04-20 18:09:16 发布

原创最新推荐文章于 2022-04-20 18:09:16 发布 · 3.1k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#js

js 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用JavaScript为动态生成的按钮绑定onclick事件的方法。通过遍历获取所有input元素并添加特定类名，再利用类名选择器重新遍历绑定点击事件，实现了对动态生成按钮的有效监听。

JS 给动态生成的按钮绑定onclick事件

上代码：

					var oBtn=document.getElementsByTagName("input");     //绑定动态弹出框
					for (var i=0;i<oBtn.length;i++){
						oBtn[i].className="btn_dle";            //给每个input加上一个class名。
						
					}
					for(var j=0;j<oBtn.length;j++){
						var oDle=document.getElementsByClassName("btn_dle");			
					oDle[j].onclick=function(){
						alert(“1”)；
				}
					}