JS给某一个节点的子节点全部绑定事件

原创 2015年11月17日 16:23:56
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>测试节点</title>
</head>


<body>
<div id="div2">
<div id="p3" class="hehe">div3</div>
<div id="p4">div4</div>
<div id="p5">div5</div>
</div>
<div id="div1">显示点击ID</div>
<script>
    function elClick(object)
    {
        document.getElementById('div1').innerHTML=object.innerText;
    }


    function init(){
        var p = document.getElementById("div2").children;
        for(var iLoop = 0; iLoop < p.length; iLoop ++)
        {
            var tmp = p[iLoop];
            console.log(tmp.nodeName);
            if(tmp.nodeName == 'DIV')
            {
                tmp.onclick = function(){elClick(this)};
            }
        }
    }
    init();
</script>
</body>
</html>

js中子节点和父节点有相同的事件,怎么只触发子节点的事件

js中子节点和父节点有相同的事件,怎么只触发子节点的事件 event.stopPropagation() 方法阻止事件冒泡上传 Event 对象 定义和用法 不再派发事件。 终止事件在传播过...
  • qq_25384945
  • qq_25384945
  • 2016年10月03日 16:48
  • 1209

JS给某一个节点的子节点全部绑定事件

测试节点 div3 div4 div5 显示点击ID     function elClick(object)     {         document....
  • ZENG675445664
  • ZENG675445664
  • 2015年11月17日 16:23
  • 126

在 JS 中动态添加事件(整理)

在 JS 中动态添加事件,涉及到浏览器兼容性问题。结合我的实践经验以及从网上收集的一些资料,特整理在此,希望有点用。   方法一、setAttribute var obj = document....
  • u010227447
  • u010227447
  • 2015年04月24日 19:17
  • 4501

js获取一个元素节点的子节点的方法(包括非文本节点)

先来简单复习一下: 1.文档中每个元素、属性、文字、注释、都被看做一个节点对象。 当网页被加载进了内存时,浏览器会为网页创建一个document对象,所有节点都是document对象的子节点。 ...
  • web_hua
  • web_hua
  • 2017年09月06日 20:32
  • 913

javascript如何创建子节点

学习完HTML+css后,我并没有直接去学习HTML5和css3,而是开始学习JavaScript,现在就是jQuery基础也懂一点,js也懂一点,css3也懂得那么点。但是给我的感受就是不精通熟练,...
  • sinat_21206105
  • sinat_21206105
  • 2016年08月30日 22:31
  • 2596

原生js中的事件委托(为新添加的DOM元素添加事件)

原生js中的事件委托(为新添加的DOM元素添加事件) 作用: 事件委托可以为新添加的DOM元素动态的添加事件 js中的addEventListener方法 语法: document.ad...
  • nuc_badaomen
  • nuc_badaomen
  • 2017年07月25日 15:41
  • 860

对于js使用append追加的节点无法添加事件的解决方法

有的时候我们为了体验性和灵活性,会使用js或者jQuery异步获取数据使用append方法追加元素,但是相对以前静态页面写的事件在新追加的元素上面不管用,就算在新追加的标签里面直接添加onclick事...
  • qq_21743293
  • qq_21743293
  • 2016年10月13日 11:29
  • 2981

JS插入节点的方法appendChild、insertBefore

html 1 2 3 js function insert(){ var div2 =document.getElementById("div2");...
  • u011897392
  • u011897392
  • 2014年12月05日 12:54
  • 4313

JQuery获取$(this)子节点对象的方法

相信很多刚接触JQuery的人,很多都会对$(this)和this的区别模糊不清,那么这两者有什么区别呢?        首先来看看JQuery中的  $()  这个符号,实际上这个符号在JQu...
  • ComeOnTom
  • ComeOnTom
  • 2014年08月02日 00:30
  • 1302

js 获取指定节点下某种子节点数量

html 第一部分 第二部分 第三部分 第四部分 第五部分 第一部分 111111第二部分 第三部分 第四部分 第五部分 js //获取指定元素下指定子节点函数 f...
  • xiaolinxi
  • xiaolinxi
  • 2012年10月14日 17:15
  • 1528
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS给某一个节点的子节点全部绑定事件
举报原因:
原因补充:

(最多只允许输入30个字)