如何使用 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)