Cómo puedo obtener el texto de una etiqueta div usando solo javascript (no jQuery)

Question

Intenté esto pero mostrando "indefinido".

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

¿Hay alguna manera de obtener el valor con sencillo Javascript jQuery ningún favor!

Answer 1

Probablemente querrá probar textContent en lugar de innerHTML.

Dado innerHTML devolverá contenido DOM como String y no exclusivamente el "texto" en el div. Está bien si sabes que tu div contiene solo texto pero no es adecuado para todos los casos de uso. Para esos casos, es probable que tenga que utilizar en lugar de textContentinnerHTML

Por ejemplo, teniendo en cuenta el siguiente marcado:

<div id="test"> 
    Some <span class="foo">sample</span> text. 
</div> 

obtendrá el siguiente resultado:

var node = document.getElementById('test'), 

htmlContent = node.innerHTML, 
// htmlContent = "Some <span class="foo">sample</span> text." 

textContent = node.textContent; 
// textContent = "Some sample text." 

Ver MDN para más detalles:

• textContent
• innerHTML

Answer 2

Debido textContent no se admite en IE8 y mayores, aquí es una solución:

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

innerText funciona en IE.