怎样才能得到一个div标签的文本只使用javascript(没有jQuery)

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

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

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

你可能会想尝试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

由于textContent在IE8及textContent中不受支持,下面是一个解决方法:

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

innerText在IE中工作。