Ottieni testo in getElementsByClassName

Question

Sto scrivendo qualche javascript per essere eseguito in un bookmarklet che dovrebbe ottenere il testo all'interno di un elemento che ha un nome di classe determinato.

Così, per esempio

document.getElementsByClassName('price') 

in cui la pagina web ha o esempio

<span class="price"> 

    £23 

</span> 

Come potrei fare per ottenere il testo effettivo all'interno l'elemento che ha un prezzo nome della classe (cioè £ 23 nell'esempio sopra).

Answer 1

getElementsByClassName restituisce un array di elementi. Attraversare quella matrice e ottenere la proprietà innerText di ciascuno. Per esempio:

var priceEls = document.getElementsByClassName("price"); 
for (var i = 0; i < priceEls.length; i++) { 
    var price = priceEls[i].innerText; 
    alert("Price: " + price); 
} 

demo dal vivo: http://jsfiddle.net/YQsBW/