Question

我正在使用标记管理器使用自定义javascript动态地将网站信息放入html元素中。我的代码目前是这样的。 PS我无法弄清楚如何正确发布。这实际上从

开始

widgetsInCell: true,

这将返回以下调试信息

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;
}

我想要访问的网站上的HTML是

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

Answer 1

不需要.innerHTML（）。 getAttribute（）函数只返回一个带有属性值的字符串，如果属性不存在则返回null。

要获得元素的src，因此，您需要执行以下操作：

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

然后只需return imageSrc

有关mozilla developper network

的更多信息

Answer 2

您可以使用选择器，也可以使用点表示法直接访问该属性。如果您尝试在链接中定位图像：

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;
}

Answer 3

这是我最终提出的，这是有效的。

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

  return img.src
}

使用javascript动态显示图像网址

3 个答案: