Javascript：获取div标签内任意元素的点击目标

Question

所以，情况如下。 我有一个div元素作为所有其他元素的容器（尤其是<a hre0="..."><img ...></img></a>和<iFrame>标签）：

<div id="myDiv">

所以基本上，我想做的是获取此div标签中所有类型元素的点击目标（如果适用），假设始终只有一次点击并指定了目标。

说明UI明智：我希望看到用户在光标悬停在元素上时看到的目标链接。

是否有通用的方法来实现这一目标？

Answer 1

听起来你想要做的就是找到包装div的所有子元素，然后通过它们获取'href'属性。类似的东西：

var children = document.getElementById('myDiv').children;

for (var i = 0; i < children.length; i++) {
  var childElement = children[i];
  var destination = childElement.href;

// do whatever you want with destination here. You can also get the associated IDs etc.

}

未经测试但应该可以使用。