Question

我将存储在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);

Answer 1

可点击图片

＆＃13;

function clickMe(){
   alert('Clicked!');
}

＆＃13;

<!DOCTYPE html>
<html>
<body>
An image as a link: 
<a onclick="clickMe()">
  <img src="https://s3.eu-central-1.amazonaws.com/live-resource/productCategories/HF-AT/HF_PRINT_WEB_F781A5E7-1575-4D81-8317-BC51C8653EBB.jpeg" border="0" alt="W3Schools" src="logo_w3s.gif" width="100" height="100">
</a>

</body>
</html>

＆＃13;

Answer 2

您必须将img元素包装在a标记中。

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

如果您愿意，您当然可以在href上拥有img属性，它对浏览器没有任何特殊的默认含义，就像在锚点上一样

Answer 3

href是img的有效属性吗？我以前从未见过这个。如果您希望它可以点击，只需将其包装在一个锚中即可。

href javascript无法处理我的图像

3 个答案: