如何使用 JavaScript 检索 Div 标签文本（不使用 jQuery）

要仅使用 JavaScript 获取 div 元素的文本内容，还有 jQuery 的替代方案。

问题陈述：

之前尝试使用 document.getElementById('superman').value 检索文本返回未定义。我们的目标是找到一种使用纯 JavaScript 而不使用 jQuery 的解决方案。

解决方案：

要成功检索文本，请考虑使用 textContent 而不是 value。 innerHTML 属性以字符串形式返回整个 DOM 内容，包括 div 中的元素。相反，textContent 专门提取 div 中的文本，确保更准确的文本表示。

例如，给定以下 HTML：

  Some sample text.

使用innerHTML:

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

使用 textContent:

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

有关textContent和innerHTML的更多信息，请参阅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)