Obtener contenido de texto de un elemento div usando JavaScript simple

En su intento de recuperar el texto dentro de un div usando la propiedad "valor" , encontró un problema en el que se devolvió "indefinido". Para extraer con éxito el contenido de texto usando JavaScript puro, puede utilizar el siguiente enfoque:

La propiedad "valor" se usa principalmente con elementos de entrada, no con elementos div. Para acceder al contenido de texto de un div, debes aprovechar las propiedades "innerHTML" o "textContent".

Usando la propiedad "innerHTML":

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

Este enfoque recupera todo el contenido dentro del div, incluidas las etiquetas HTML. Sin embargo, si su div contiene solo texto, este método es adecuado.

Alternativamente, considere usar la propiedad "textContent":

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

La propiedad "textContent" devuelve exclusivamente el contenido de texto dentro del div, excluyendo cualquier etiqueta HTML. Esta opción es particularmente útil cuando se trata de divs que pueden contener contenido mixto.

Por ejemplo, considere el siguiente HTML:

  Some sample text.

El uso de la propiedad "innerHTML" devolverá lo siguiente:

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

htmlContent = node.innerHTML;
// htmlContent = "Some sample text."

Sin embargo, utilizar la propiedad "textContent" producirá:

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

Para obtener más detalles y ejemplos de uso, consulte la documentación completa proporcionada por MDN:

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