Js点击子元素获取父元素，js获取子元素方法

两个div,点子元素要触发父元素的事件

有两种情况，第一，你的两个div是父子关系，这样就就要阻止事件冒泡，你去搜一下什么叫事件冒泡就知道了。第二，你的两个div没有父子包含关系，是两个独立的个体，那么就再onclick事件里面去判断当前的div是哪一个。

因为子元素在父元素的容器内。给父层元素绑定事件，实际上已经包括了父层元素内的所有区域，所以也包括子元素，所以点击子元素会触发父元素的点击事件。对于事件而言，这是一种事件传递。

e.relatedTarget或e.toElement。它的作用是，如果第一个存在，就用第一个，如果第一个不存在就用第二个（当然，都不存在多半要报错了）。我想，这样写是出于兼容性的考虑吧。

这里规定的事件流有三个阶段： 事件捕获阶段，目标阶段，事件冒泡阶段。

div结构体如图：1：方法：比较灵活的方法是将 上层蒙层，和弹框分离开；2：方法：使用stopPropagation 知识点：stopPropagation() 方法防止调用相同事件的传播。传播意味着向上冒泡到父元素或向下捕获到子元素。

相关问答

Q1: 高效的获取当前元素是父元素的第几个子元素_javascript技巧_百度...

从IE4到IE11，都有sourceIndex属性，这个属性表示了元素在DOM树的顺序，比较元素和父元素的sourceIndex的差值就很容易知道元素是第几个子元素了。

没有直接获取子元素在父元素的序号的方法，需要去循环比对的。

字符串有length属性，是获取字符串的长度 数组也有length属性，是获取数组的长度。

Q2: 怎么用js在子页面中获取到父页面的元素的id

1、js获取父页面的元素可以用$(window.parent.document).find(#customer_id).val()；这里的customer_id表示父页面某一个元素的id。

2、换一种方法，看看能不能达到你想要的效果，假定你的id是有顺利的。

3、首先建立一个父级页面parent.html，代码如图，一个pop函数方法，一个链接到child.html的iframe标签。

4、首先通过js获取到当前img对象，可以使用document.getElementById()的方式，然后通获取到的对象的parentElement属性指向的就是当前元素的直接父级元素。

Q3: HTML中js怎么用某个td标签的onclick()来获取另一个td标签中的文本值_百...

1、为td标签增加id属性，如下：td id=thistd/td 利用document对象可以得到对应id控件的内容。js代码如下：document.getElementById(thistd).innerHTML.建议：增加控件的时候，尽量配置id属性。

2、，你可以使用“拍变量法”，就是在jsp页面写段js，然后把赋值的部分用jsp读出来，如：scriptvar user = ？php echo $user；？；/script只要把这段代码加到合适的位置，user就具有值了。

3、//以jquery为例实现点击某行获得某个td的数据。

关于Js点击子元素获取父元素和js获取子元素方法的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。