js动态生成的元素绑定事件

最新推荐文章于 2024-04-17 10:25:16 发布

zhifeng687

最新推荐文章于 2024-04-17 10:25:16 发布

阅读量7k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_26222859/article/details/72921201

版权

javascript 专栏收录该内容

52 篇文章 0 订阅

订阅专栏

只有一个原则，就是新生成节点与节点绑定事件必须在一个函数作用域内

<html>
<head>

</head>
<body>
<button id="info">你好</button>
</body>
<script>
var info=document.getElementById("info");
info.addEventListener('click',function(){
   //生成新节点
	var body=document.getElementsByTagName("body")[0];
	var button = document.createElement("button");
        button.setAttribute("id", "changed");//设置Id属性
	button.innerHTML="你ye好";
	
	//新节点绑定事件
    button.addEventListener('click',function(){
     this.innerHTML="niyehao";
},false);
     //动态生成新节点
     body.appendChild(button);
},false);


</script>
</html>

当然也可以通过innerHTML的方式生成新节点。这时在innerHTML的内容里通过οnclick=“...”的方式，在生成新节点的同时绑定事件

document.getElementById('main').innerHTML="<a  class='shuaxin' href='#' id='refresh' οnclick='refresh()'></a>";

//刷新当前页面
function refresh(){
	if(typeof myChart!="undefined"){
		myChart.showLoading();
    }  
	if(document.getElementById('main')!=null){
	    document.getElementById('main').innerHTML="";
	}
	window.location.reload();//刷新当前页面.
			 
};

zhifeng687

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js动态生成的元素绑定事件

只有一个原则，就是新生成节点与节点绑定事件必须在一个函数作用域内你好var info=document.getElementById("info");info.addEventListener('click',function(){ //生成新节点 var body=document.getElementsByTagName("body")[0]; var
复制链接

扫一扫