使用 javascript 从 itemprop 读取值

Question

是否可以使用 javascript 读取价格

<span id="product_price_00873">
<span itemprop="price">178.00</span>
</span>

我只想定价 178.00。我只能使用 javascript。

任何建议将不胜感激。

原文由 jbcedge 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

更新：

使用 Element.querySelector 如 icktoofay 的答案中所述，或执行以下操作：

 const els = [...document.getElementsByTagName('span')];
props = els.filter(x => !!x.getAttribute('itemprop'));

// print the first element's price
console.log(props.shift().innerHTML)

---

原来的：

 var els = document.getElementsByTagName('span'), i = 0, price;

for(i; i < els.length; i++) {
    prop = els[i].getAttribute('itemprop');

    if(prop) {
        price = els[i].innerHTML;
        break;
    }
}

原文由 Alex 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

如果您在 product 中有产品元素，并且您使用的是现代浏览器，那么这应该有效：

 var price = product.querySelector('[itemprop=price]').textContent;

原文由 icktoofay 发布，翻译遵循 CC BY-SA 3.0 许可协议