javascriptのみ（jQueryなし）を使用してdivタグのテキストを取得するにはどうすればよいですか？

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

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

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

のtextContent代わりに試してみることをお勧めしますinnerHTML。

GiveinnerHTMLは、DOMコンテンツを、だけStringでなく、の「テキスト」として返しますdiv。divテキストのみが含まれていることがわかっている場合は問題ありませんが、すべてのユースケースに適しているとは限りません。そのような場合は、おそらくtextContent代わりにを使用する必要がありますinnerHTML

たとえば、次のマークアップを検討します。

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

次の結果が得られます。

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

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

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

詳細については、MDNを参照してください。

• textContent
• innerHTML

textContentIE8以前ではサポートされていないため、回避策は次のとおりです。

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

innerText IEで動作します。

を使用するかinnerHTML（HTMLからテキストを解析する）、またはを使用できますinnerText。

let textContentWithHTMLTags = document.querySelector('div').innerHTML; 
let textContent = document.querySelector('div').innerText;

console.log(textContentWithHTMLTags, textContent);

innerHTMLとinnerTextを含む（FireFoxの<44を除く）すべてのブラウザでサポートされていIE6。

実際にはdocument.getElementById()、にアクセスするために関数を呼び出す必要はありませんdiv。

これは次の方法でobject直接使用できますid：

text = test.textContent || test.innerText;
alert(text);