使用javascript动态显示图像url

我使用tag manager，使用自定义javascript将网站中的信息动态地放置到html元素中。我现在的代码是这样的。PS我不知道如何正确发布。这实际上是从

function(){
    console.log("Start image variable");
    var element = document.getElementsByClassName("MagicZoomPlus")[0];
    console.log(element);
    var image = element.getAttribute("img src").innerHTML;
    console.log(image);
    return image;
}

这将返回以下调试信息

unreachable code after return statement[Learn More]  trustlogo.js:28:123
Start image variable  gtm.js:1:42
<a id="ZoomGallery" href="/uploads/products/892_3521-05 .jpg" class="MagicZoomPlus" title="Franklin Paradigm Grey Sofa">  gtm.js:1:136
undefined  gtm.js:1:186

返回语句后无法访问的代码[Learn More]trustlogo.js:28:123 启动图像变量gtm.js:1:42 不需要.innerHTML（）。函数的作用是：返回一个包含属性值的字符串，如果属性不存在，则返回null

因此，要获取元素的src和图像的url，您必须执行以下操作：

var imageSrc = element.getAttribute("src");

然后简单地

返回imageSrc

---

有关

的更多信息您可以使用选择器，也可以使用点符号直接访问属性。 如果您试图在链接中定位图像：

function(){
    var image = document.querySelector(".MagicZoomPlus > img");
    // get
    console.log(image.src);
    // or set the image source
    image.src = "https://example.com/hello.jpg";
    return image;
}

---

这就是我最后想到的，很有效

function myFunc() {
  var img = document.querySelector(".MagicZoomPlus img");

  return img.src
}

---

var元素不是image而是link。您可以获得如下图像：，并从该节点获取属性。function（）{var element=document.getElementsByClassName（“magiczoompus”）[0]；var-imageSrc=element.getAttribute（“src”）；return-imageSrc；}您的标记没有您要查找的类名（Magic zoom plus）。当您想要选择img标记以获取其src时，您正在这里选择锚标记。

function myFunc() {
  var img = document.querySelector(".MagicZoomPlus img");

  return img.src
}