如何才能得到一个div标签的文本只使用JavaScript（没有jQuery）

Question

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

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

有什么方法可以使用简单的Javascript获取值没有jQuery请！

Answer 1

您可能会想尝试textContent而不是innerHTML。

鉴于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." 

见MDN更多详情：

• textContent
• innerHTML

Answer 2

因为textContent不支持IE8及以上，这里是一个解决办法：

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

innerText确实在IE工作。