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

タグからテキストを取得するときに「未定義」の結果を解決する方法

JavaScript を使用して
タグからテキストを取得するときに「未定義」の結果を解決する方法

Susan Sarandon
Susan Sarandonオリジナル
2024-10-18 21:14:03313ブラウズ

How to Resolve JavaScript を使用してタグ付けしますか?" /> JavaScript を使用してタグ付けしますか?" />

純粋な JavaScript を使用して DIV タグからテキスト コンテンツを取得する

のテキスト コンテンツを取得しようとしている場合JavaScriptを使用したタグの場合、「未定義」の値が表示される場合があります。この問題を修正するには、innerHTML の代わりに textContent を採用することを検討してください。

すべての DOM コンテンツを文字列に取り込む innerHTML とは異なり、textContent は

内のテキストを排他的に取得します。たとえば、次のマークアップが存在する場合:

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

innerHTML を使用すると、次の結果が得られます:

<code class="js">var node = document.getElementById('test');

var htmlContent = node.innerHTML;
// htmlContent = "Some <span class="foo">sample</span> text."</code>

一方、textContent が提供するものは次のとおりです:

<code class="js">var textContent = node.textContent;
// textContent = "Some sample text."</code>

この区別は、次の場合に重要です。テキスト要素と非テキスト要素の両方を含む DOM コンテンツを処理します。

追加情報については、次の Mozilla Developer Network (MDN) ドキュメントを参照してください。

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

以上がJavaScript を使用して

タグからテキストを取得するときに「未定義」の結果を解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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