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