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