获取getElementsByClassName中的文本

Question

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

所以举个例子

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/