getElementsByClassNameでテキストを取得

Question

特定のクラス名を持つ要素内のテキストを取得するブックマークレットで実行されるいくつかのjavascriptを作成しています。

ですから、例えば

document.getElementsByClassName('price') 

Webページがあり

または例

<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/