javascript（jQueryなし）のみを使用してdivタグのテキストを取得するには

Question

これを試しましたが、「未定義」を示しています。

function test() { 
var t = document.getElementById('superman').value; 
alert(t); } 

単純なJavascriptを使用して値を取得する方法はありませんjQueryしてください！

Answer 1

innerHTMLの代わりにtextContentを試してみるといいでしょう。

innerHTMLはStringとしてDOMコンテンツを返しますが、divの「テキスト」は排他的ではありません。 divにはテキストのみが含まれていますが、すべてのユースケースに適していないことがわかっていれば問題ありません。

var node = document.getElementById('test'), 

htmlContent = node.innerHTML, 
// htmlContent = "Some <span class="foo">sample</span> text." 

textContent = node.textContent; 
// textContent = "Some sample text." 

を参照してください：あなたは次のような結果を得るでしょう

<div id="test"> 
    Some <span class="foo">sample</span> text. 
</div> 

：これらのケースでは、おそらく次のマークアップを考えると、例えば、代わりにinnerHTML

のtextContentを使用する必要があります詳細については、MDN：

• innerHTML

Answer 2

textContentはIE8でサポートし、古いされていないため、ここでの回避策です：

var node = document.getElementById('test'), 
var text = node.textContent || node.innerText; 
alert(text); 

innerTextはIEでの作業を行います。