javascript - 如何定位div的子元素？

Question

假设我有一个 div 框，它有 h3、按钮等子元素。

我想做一些 div 的 onclick 操作，但也想做它的子元素 的 onclick 操作。我怎么能这么做呢？我已经尝试了一切，但我无法弄清楚..

经验:http://plnkr.co/edit/nYGldAZMcOC2SG1bddpq?p=preview

在上面的实验中:如果您点击 h3、h4 或按钮，它不会执行任何操作，而只会在 div 区域本身执行操作..

我尝试过类似的方法:

scope.targetEl = document.getElementById('myDiv');
scope.childEl = document.getElementById('myDiv').getElementsByTagName( '*');

//and checking
if(e.target === scope.targetEl || e.target === scope.childEl){
   alert('in box');
}

但这不起作用..

有什么建议吗？

Answer 1

这是因为您正在检查这一行中的目标元素:

if(e.target === scope.targetEl){

每当您单击 div 内的 h 元素时，目标元素就会发生变化。我 fork 了你的 plunkr here当您单击 h 元素时，您可以看到警报会触发。