获取getElementsByClassName中的文本

时间:2013-09-22 23:30:01

标签: javascript

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

所以例如

document.getElementsByClassName('price')

网页的位置或示例

<span class="price">

    £23

</span>

我如何获得具有类名价格的元素中的实际文本(即上例中的£23)。

1 个答案:

答案 0 :(得分:18)

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/