如何只使用javascript获取div标签的文本(没有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

因为textContentIE8及更早版本不支持,所以这是一个解决方法:

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

innerText 确实在IE中工作.