ラベルテキスト値フォームをHTMLページから取得する方法は？

Question

私は、HTMLは次のようにレンダリングされるHTMLページ、持っている：今、私は何をしたいのか

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

は、ラベルのテキストを取得している「すべての地獄を。」ラベルから。

この目的のために私はdocument.getElementById('*spaM4').textとdocument.getElementById('*spaM4').valueの両方を使用しましたが、偶然にそれらのどれも働いていませんでした。

私はdocument.getElementById('*spaM4').innerHTMLを使用しましたが、span classも返しますが、テキストを取得したいだけです。

要素IDのアスタリスクは第三者コードであり、変更できません。

ラベルテキストを取得する方法は他にもありますか？

Answer 1

これを試してみてください：

document.getElementById('*spaM4').textContent 

をあなたは、あなたが取得する.innerText

Answer 2

使用innerText/textContent：

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

フィドル：http://jsfiddle.net/NeTgC/2/

Answer 3

これは、あなたが、プレーンJSに欲しいものを得るでしょう。

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

FIDDLE

Answer 4

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

Answer 5

最善の方法を使用する必要が< IE9をターゲットにする必要がある場合01からのテキスト値要素は以下の通りです。 <label for='phone'>Phone number</label> <input type='text' id='phone' placeholder='Mobile or landline numbers...'>

テキスト値を抽出します。このコードは「電話番号：下記の構造を想定し

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

：あなたは要素のidを取得する場合は

頻繁にはidを返す関数を持っているのがベストです'から<label>: var text = id('phone').previousElementSibling.innerHTML;

このコードはすべてのブラウザで機能し、各<label>要素に固有のIDを付ける必要はありません。