javascript - How to get label text value form a html page?

Question

I have a html page , where the html is rendered as :

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

Now what i want to do is get the label text 'All hell.' from the label.

For that purpose i have used both : document.getElementById('*spaM4').text and document.getElementById('*spaM4').value but incidentally none of them worked.

I have used document.getElementById('*spaM4').innerHTML but that returns the span class as well, but i just want to get the text .

Unfortunately, the asterisks in element IDs are 3rd party code and I cannot change it.

Can any one suggest any other way for getting the label text ?

Answer 1

Try this:

document.getElementById('*spaM4').textContent

If you need to target < IE9 then you need to use .innerText