JavaScript を使用して (jQuery を使用せずに) Div タグのテキストを取得するにはどうすればよいですか?

JavaScript を使用して Div タグのテキストを取得する方法 (jQuery を使用しない)

JavaScript のみを使用して div 要素のテキスト コンテンツを取得するには、jQuery の代替手段があります。

問題ステートメント:

document.getElementById('superman').value を使用してテキストを取得しようとした以前の試行では、未定義が返されました。目標は、jQuery を使用せずにプレーンな JavaScript を使用して解決策を見つけることです。

解決策:

テキストを正常に取得するには、value の代わりに textContent を使用することを検討してください。 innerHTML プロパティは、div 内の要素を含む DOM コンテンツ全体を文字列として返します。対照的に、textContent は div 内のテキストを具体的に抽出し、より正確なテキスト表現を保証します。

たとえば、次の HTML があるとします。

<code class="html"><div id="test">
  Some <span class="foo">sample</span> text.
</div></code>

innerHTML の使用:

<code class="javascript">var node = document.getElementById('test');
var htmlContent = node.innerHTML;
// htmlContent = "Some <span class="foo">sample</span> text."</code>

textContent の使用:

<code class="javascript">var node = document.getElementById('test');
var textContent = node.textContent;
// textContent = "Some sample text."</code>

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)

以上がJavaScript を使用して (jQuery を使用せずに) Div タグのテキストを取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。