Como recuperar o texto da tag Div usando JavaScript (sem jQuery)

Para obter o conteúdo de texto de um elemento div somente com JavaScript, existem alternativas ao jQuery.

Declaração do problema:

Uma tentativa anterior de recuperar o texto usando document.getElementById('superman').value retornou indefinido. O objetivo é encontrar uma solução usando JavaScript simples sem jQuery.

Solução:

Para recuperar o texto com êxito, considere usar textContent em vez de valor. A propriedade innerHTML retorna todo o conteúdo do DOM como uma string, incluindo elementos dentro do div. Por outro lado, textContent extrai especificamente o texto dentro do div, garantindo uma representação de texto mais precisa.

Por exemplo, dado o seguinte HTML:

  Some sample text.

Usando innerHTML:

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 obter mais informações sobre textContent e innerHTML:

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