Cómo recuperar el texto de la etiqueta Div usando JavaScript (sin jQuery)

Para obtener el contenido de texto de un elemento div únicamente con JavaScript, existen alternativas a jQuery.

Declaración del problema:

Un intento anterior de recuperar el texto usando document.getElementById('superman').value devolvió un valor indefinido. El objetivo es encontrar una solución usando JavaScript simple sin jQuery.

Solución:

Para recuperar correctamente el texto, considere usar textContent en lugar de value. La propiedad insideHTML devuelve todo el contenido DOM como una cadena, incluidos los elementos dentro del div. Por el contrario, textContent extrae específicamente el texto dentro del div, lo que garantiza una representación del texto más precisa.

Por ejemplo, dado el siguiente HTML:

  Some sample text.

Usando internalHTML:

var node = document.getElementById('test');
var htmlContent = node.innerHTML;
// htmlContent = "Some sample text."

Usando textContent:

var node = document.getElementById('test');
var textContent = node.textContent;
// textContent = "Some sample text."

Consulte MDN para obtener más información sobre textContent e internalHTML:

• [textContent](https://developer.mozilla.org/ en-US/docs/Web/API/Node/textContent)
• [innerHTML](https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML)