Return 使用 JS 的 HTML 元素的价格

Question

使用这个view-page-source有我的参考http://www.ebest.cl/audifonos-alta-fidelidad-house-of-marley-revolution.html

我正在尝试 return 使用 Javascript 从这个 div 中获取“3355”。

我想 return 首先在 Chrome 开发人员工具控制台中使用它。

document.getElementsByClassName("data-product-id");

当我执行这个时，我 return 一个空数组。 []

我希望能够在 google 标签管理器变量中 return 这个。我至少可以在控制台中测试并 return 后编写代码。

谢谢！斯宾塞

Answer 1

这是一个 data-* 属性，而不是 class名称。我费了好大劲才找到 child 那个 data-attribute 而不是直接引用正确的节点，因为我（可能还有你）不知道 yotpo bottomline class 每次都可用，所以我更加相信 product-shop className 可用。如果页面上有多个产品，您只会获得第一个 ID。扩展到所有 ID 是微不足道的。

var productID = Array.prototype.slice.call(
        document.getElementsByClassName('product-shop')[0].childNodes
    ).reduce(function (acc, child) {
        var att = (child.nodeName === 'DIV') ? child.getAttribute('data-product-id') : false;
        if (att) acc = att;
        return acc;
    }, '');

Return 使用 JS 的 HTML 元素的价格

Return price from HTML element using JS

javascript

getelementbyid