Pure JavaScript を使用して <div> 要素からテキストを抽出する方法-jsチュートリアル-php.cn

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>

ログイン後にコピー

次の結果が得られます:

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

[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 サイトの他の関連記事を参照してください。

ソース：php

このウェブサイトの声明

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

著者別の最新記事