<a href="javascript:;>
<span>thing</span>
</a>
document.body.addEventListener("click", function(event){
alert(event.target.parentNode)
})
为什么点击span标签时,输出event.target.parentNode 是a标签的href值: "javascript:;"
对于其它标签,会输出 nodeName , 例如 parentNode是span标签,那么会输出[object HTMLSpanElement]
因为 alert
函数要求得到的是一个字符串, 而你传给它的是一个 DOM对象
, 所以会调用它的 toString
方法, 又因为你点的是 span
标签, 然后通过 parentNode
找到了 A
标签, 所以就得到 javascript:
了.