[解決済み] javascriptだけでdivタグのテキストを取得する方法（jQueryなし）

質問

これを試しましたが、"undefined"と表示されます。

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

jQueryを使わないシンプルなJavascriptで値を取得する方法はないでしょうか？

どのように解決するのですか？

あなたはおそらく textContent の代わりに innerHTML .

与えられた innerHTML は DOM コンテンツを String の中の "text" だけではありません。 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をご覧ください。

• テキストコンテンツ
• インナーHTML