href javascript无法处理我的图像

我正在将存储在firebase中的图像从数据库添加到我的html页面。这样可以工作，并且图像显示出来，但是我无法使href属性在img元素上工作。我希望它是可点击的。我做错了什么

var img = document.createElement("img");
img.src = snapshot.child("urlToImage " + (i) + " Content").val();
img.href = snapshot.child("urlToImage " + (i) + " Content").val();
img.height = 30;
img.width = 30;
contentA[i].appendChild(img);

---

您必须将

img

元素包装在

a

标记中

<a href='urlToImage'><img src='urlToImage' /></a>

---

当然，如果您愿意，您可以在

img

上设置

href

属性，它对浏览器没有任何特殊的默认意义，就像在锚点上一样href是img的有效属性吗？我以前从未见过这种情况。如果你希望它是可点击的，只需将它包装在锚中。

可点击图像

函数clickMe（）{
警报（'Clicked！'）；
}

将图像作为链接：

图像没有

href

属性；锚定您需要在img周围包装一个元素，或者为它添加一个click事件处理程序。好问题，我看到了一个这样做的示例，intellisense允许我没有编译错误。但现在我想起来，它不是。我所说的有效，是指它是否具有像锚上的href这样的固有含义，我认为asnwer是否定的。因此，如果你看到有人使用它，他们会将其作为自定义属性使用（在这种情况下，无论其名称如何，它都是有效的）。对于这样的东西，更好的名称应该是数据url之类的。这在jquery中特别有用，在jquery中，您可以按类获取一组元素，并将onclick附加到它们上。然后你可以在onclick中引用这个.attr（'data-url'），给每个链接一个不同的链接。它仍然没有点击。是我干的。显示内容，但不单击。