javascript - 在 getElementsByClassName 中获取文本

Question

我正在编写一些 javascript 以在书签中运行，该书签应该获取具有特定类名的元素中的文本。

所以例如

document.getElementsByClassName('price')

网页有或示例的地方

<span class="price">

    £23

</span>

我将如何在具有类名价格的元素中获取实际文本（即在上面的示例中为 23 英镑）。

Answer 1

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

var priceEls = document.getElementsByClassName("price");
for (var i = 0; i < priceEls.length; i++) {
  var price = priceEls[i].innerText;
  alert("Price: " + price);
}

现场演示：http: //jsfiddle.net/YQsBW/