Obtendo conteúdo de texto de um elemento Div usando JavaScript simples

Em sua tentativa de recuperar o texto dentro de um div usando a propriedade "value" , você encontrou um problema em que "indefinido" foi retornado. Para extrair com êxito o conteúdo do texto usando JavaScript puro, você pode utilizar a seguinte abordagem:

A propriedade "value" é usada principalmente com elementos de entrada, não com elementos div. Para acessar o conteúdo de texto de um div, você deve aproveitar as propriedades "innerHTML" ou "textContent".

Usando a propriedade "innerHTML":

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

Essa abordagem recupera todo o conteúdo da div, incluindo quaisquer tags HTML. No entanto, se sua div contém apenas texto, este método é adequado.

Como alternativa, considere usar a propriedade "textContent":

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

A propriedade "textContent" retorna exclusivamente o conteúdo de texto dentro da div, excluindo quaisquer tags HTML. Esta opção é particularmente útil ao lidar com divs que podem conter conteúdo misto.

Por exemplo, considere o seguinte HTML:

  Some sample text.

Usar a propriedade "innerHTML" retornará o seguinte:

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

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

No entanto, utilizar a propriedade "textContent" produzirá:

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

Para mais detalhes e exemplos de uso, consulte a documentação abrangente fornecida pela 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)