javascript - getElementsByClassName でテキストを取得する

Question

特定のクラス名を持つ要素内のテキストを取得する必要があるブックマークレットで実行する JavaScript を作成しています。

たとえば

document.getElementsByClassName('price')

Web ページの場所または例

<span class="price">

    £23

</span>

クラス名 price (つまり、上記の例では £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/