Question

我有一个像这样的HTML片段来显示产品图片：

<img src="/some/path" border="0" id="bigImg"  data-zoom-image="/some/path">

代码数据 - 缩放图像是指向较大图像的路径，因此在鼠标悬停时，它可以放大图像。

我还有一个JavaScript函数，当我点击其他地方时它改变了那张图片......就像这样：

function showLarge(path)
{
 var full_path = 'upload/product_image/large_'+path;
  document.getElementById("bigImg").src = full_path;
  document.getElementById("bigImg").data-zoom-image = full_path;
}

我还希望在图像的SRC发生变化时更改数据缩放图像值...我尝试添加行document.getElementById("bigImg").data-zoom-image = full_path;但它不起作用......我该怎么做......

谢谢

Answer 1

您可以使用setAttribute更改指定元素上现有属性的值。

document.getElementById("bigImg").setAttribute('data-zoom-image',full_path);

该文件在这里：

https://developer.mozilla.org/en-US/docs/Web/API/Element.setAttribute

在JS中更改img标记内元素的值

1 个答案: