使用Javascript获取图像的href属性

Question

Javascript新手，真的需要一些帮助！

现在我在HTML页面中有一个图像，如下所示：

<a class="p" href="http://www.abc.com"><img src="http://www.abc.com/logo.jpg" alt="" /></a>

通过以下方式获取图像元素：

var e.document.elementFromPoint(x,y);

当我点击图像时，我可以通过以下方式成功获取src属性或偏移属性：

e.src or e.offsetHeight

但是，当我使用时，它返回NULL：

return e.href;

那我怎样才能得到正确的href属性（http://www.abc.com）??

谢谢，

峰

Answer 1

href不是图像的属性，而是A元素的属性。

您可以使用图片的.parentNode属性来访问它。因为它是它的直接父母。

Answer 2

您可以使用parentNode获取img的父节点，a：

return e.parentNode.href;

Answer 3

href属性仅适用于a和link元素。所以你只需要获取图像的父节点：

var thea=e.parentNode;
if(thea.nodeName.toLowerCase()=="a"){ //If the tag is a hyperlink
    return thea.href;
}else{
    return ""; //Return an empty string if the image is not inside a hyperlink
}

广告@米