Javascript 获取getElementsByClassName中的文本

Javascript 获取getElementsByClassName中的文本,javascript,Javascript,我正在编写一些javascript,以便在bookmarklet中运行,该bookmarklet应该获取具有特定类名的元素中的文本 比如说 document.getElementsByClassName('price') <span class="price"> £23 </span> 网页中包含或示例的位置 document.getElementsByClassName('price') <span class="price">

我正在编写一些javascript,以便在bookmarklet中运行,该bookmarklet应该获取具有特定类名的元素中的文本

比如说

document.getElementsByClassName('price')
<span class="price">

    £23

</span>
网页中包含或示例的位置

document.getElementsByClassName('price')
<span class="price">

    £23

</span>

£23

如何获取元素中具有类名price的实际文本(在上面的示例中为23英镑)。

getElementsByClassName
返回一个元素数组。遍历该数组并获取每个数组的
innerText
属性。例如:

var priceEls = document.getElementsByClassName("price");
for (var i = 0; i < priceEls.length; i++) {
  var price = priceEls[i].innerText;
  alert("Price: " + price);
}
var pricels=document.getElementsByClassName(“价格”);
对于(变量i=0;i

现场演示:

如果您只有其中一个,请继续<代码>文档。GetElementsByCassName('price')[0]。innerHTML
否则将遍历集合并获取所需内容。