Come ottenere il valore del testo dell'etichetta da una pagina HTML?

Question

Ho una pagina HTML, in cui il codice HTML è reso come:

<div id = 'mViB'> 
<table id = 'myTable'> 
<tbody> 
<tr> ...</tr> 
<tr>...</tr> 
<tr> ...</tr> 
<tr>....</tr> 
<tr> 
<td> 
<label id="*spaM4" for="*zigField4"> 
All hell. 
<span class = 'msde32'></span> 
</label> 
</td> 
</tr> 
</tbody> 
</table> 
</div> 

Ora quello che voglio fare è ottenere il testo dell'etichetta 'Tutto l'inferno.' dall'etichetta

A tale scopo, ho utilizzato entrambi: document.getElementById('*spaM4').text e document.getElementById('*spaM4').value ma incidentalmente nessuno di essi ha funzionato.

Ho utilizzato document.getElementById('*spaM4').innerHTML ma restituisce lo span class, ma voglio solo ottenere il testo.

Sfortunatamente, gli asterischi negli ID elemento sono codice di terze parti e non posso cambiarlo.

Qualcuno può suggerire un altro modo per ottenere il testo dell'etichetta?

Answer 1

Prova questo:

document.getElementById('*spaM4').textContent 

Se avete bisogno di indirizzare < IE9, allora avete bisogno di utilizzare .innerText

Answer 2

Usa innerText/textContent:

var el = document.getElementById('*spaM4'); 
    console.log(el.innerText || el.textContent); 

Fiddle: http://jsfiddle.net/NeTgC/2/

Answer 3

Questo vi ottenere quello che si desidera in JS pianura.

var el = document.getElementById('*spaM4'); 
text = (el.innerText || el.textContent); 

FIDDLE

Answer 4

var lbltext = document.getElementById('*spaM4').innerHTML 

Answer 5

Il modo migliore per ottenere il valore di testo da 01 L'elementoè il seguente.

se vi sarà sempre ids elemento spesso è meglio avere una funzione per restituire gli id:

function id(e){return document.getElementById(e)} 

Si supponga la seguente struttura: <label for='phone'>Phone number</label> <input type='text' id='phone' placeholder='Mobile or landline numbers...'>

Questo codice estrae il valore del testo 'Numero di telefono 'dal <label>: var text = id('phone').previousElementSibling.innerHTML;

Questo codice funziona su tutti i browser e non è necessario assegnare a ciascun elemento <label> un ID univoco.