如何仅使用javascript（没有jQuery）获取div标签的文本

Question

我试过了，但显示“未定义”。

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

有没有什么方法可以使用简单的Javascript来获取价值？

Answer 1

您可能想尝试textContent代替innerHTML。

Given
innerHTML将返回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."