ホームページ >ウェブフロントエンド >jsチュートリアル >Pure JavaScript を使用して

要素からテキストを抽出する方法

Pure JavaScript を使用して
要素からテキストを抽出する方法

Patricia Arquette
Patricia Arquetteオリジナル
2024-10-18 21:15:30937ブラウズ

How to Extract Text from a <div> Pure JavaScript を使用した要素 Pure JavaScript を使用した要素" />

からテキストを抽出する方法Pure JavaScript を使用したタグ

問題:

のテキストを取得しようとしたときgetElementById('superman').value を使用して要素を作成した場合、返される結果は「未定義」です。

解決策:
この問題は、value が < の適切なプロパティではないために発生します。ディビジョン>要素。代わりに、textContent を使用して

内のテキストを取得します。

例として、次のコードを考えてみましょう。

<code class="javascript">function test() {
  var t = document.getElementById('superman').textContent;
  alert(t);
}</code>

の HTML コンテンツを返す innerHTML との比較;div>、textContent は
内のテキストのみを提供します。

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

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

次の結果が得られます:

  • innerHTML の戻り値:「一部の サンプル テキスト。」
  • textContent の戻り値:「一部のサンプル テキスト。」

詳細については、次のドキュメントを参照してください。

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

以上がPure JavaScript を使用して

要素からテキストを抽出する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。