JavaScript を使用して <div> タグからテキストを取得するときに「未定義」の結果を解決する方法-jsチュートリアル-php.cn

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

ソース：php

前の記事：jQueryを使わずにJavaScriptのDivタグからテキストを取得する方法は? 次の記事：Pure JavaScript を使用して

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

このウェブサイトの声明

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

著者別の最新記事