zoukankan      html  css  js  c++  java
  • 如果dom节点是动态添加进页面的,在页面节点绑定事件如何解决的问题。

    如果dom节点是动态添加进页面,想在节点绑定事件,传统的做法就是遍历节点,但会出现问题,也肯能有其他的办法,突然想到 可以依据事件冒泡,这样就不惧页面后添加节点而不响应事件的问题。比较结实。示例代码如下

    <ul id="tit">
    		<li>1a</li>
    		<li>2a</li>
    		<li>3a</li>
    		<li>4a</li>
    		<li>5a</li>
    		<li>6a</li>
    		<li>7a</li>
    		<li>8a</li>
    		<li>9a</li>
    		<li>10a</li>
    	</ul>
    
    var tit = document.getElementById("tit");
    	tit.onclick = function(e){
    		var e = e || window.event;
    		var tar = e.target || e.srcElement;
    		if(tar.nodeName.toLowerCase() === 'li'){
    			tar.style.background = 'green';
    		}
    	}
    
    	var li = document.createElement('li');
    	li.innerHTML = "哈哈哈哈";
    	tit.appendChild(li);
    

     这个主要是没有jquery 的场景  jquery可以用on方法

  • 相关阅读:
    HTTP状态码
    HTTP详解教程 / HTTP 响应头信息 HTTP 响应头信息
    HTTP请求方法
    HTTP 消息结构
    HTTP 简介
    Session 工作原理
    CSS 布局
    css float 浮动
    CSS 布局
    css position定位
  • 原文地址:https://www.cnblogs.com/junwu/p/4929310.html
Copyright © 2011-2022 走看看