Javascript 链接有eventListener,我单击它激活的子对象,但我';I’我没有拿到那张票
我有下面的html块,我有多个类似的元素,但这是一个示例Javascript 链接有eventListener,我单击它激活的子对象,但我';I’我没有拿到那张票,javascript,html,Javascript,Html,我有下面的html块,我有多个类似的元素,但这是一个示例 <a class="link-wrapper" href="smaplesite.com"> <div class="content"> <h2 class="heading"> Emergencies </h2> </di
<a class="link-wrapper" href="smaplesite.com">
<div class="content">
<h2 class="heading">
Emergencies
</h2>
</div>
</a>
然而,url返回为null,因为目标元素是h2。如何获取链接?是单击的元素(在本例中可能是
),该元素没有href
属性
用于获取事件处理程序绑定到的元素。
smaplesite.com
不是有效的URL。它需要包括协议,如http://
或https://
。按照现在的方式,系统将尝试在当前服务器上查找名为smaplesite.com
的文件。此外,Array.from()
也不是必需的。您可以对从.querySelectorAll()
返回的集合使用.forEach()
。
var links = Array.from(document.querySelectorAll('a'));
links.forEach(function (link) {
link.addEventListener('click', handleLinkClick);
});
function handleLinkClick(e, link) {
var url = e.target.href;
}