JavaScript を使用して HTML 要素から純粋なテキストを抽出するにはどうすればよいですか?

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

テキストとマークアップの両方を含む HTML 要素を扱う場合、多くの場合、次のことが望ましいです。 HTML要素を含まないテキストコンテンツを取得します。これは、次の例で示すように、JavaScript を使用して実現できます。

提供された HTML スニペットには、JavaScript 関数をトリガーする onclick イベントを持つボタンがあり、< からテキスト コンテンツを抽出する役割を果たします。 ;p>

期待される結果:

ユーザーがボタンをクリックすると、

内の HTML 要素が削除されます。要素は削除され、純粋なテキスト コンテンツのみが残ります。

JavaScript 関数:

次の JavaScript 関数は、innerText プロパティを使用して、< からテキスト コンテンツを抽出します。 p>要素:

<code class="javascript">function get_content() {
  // Retrieve the <p> element by its ID
  var element = document.getElementById('txt');

  // Extract the text content using innerText
  var text = element.innerText || element.textContent;

  // Update the HTML content of the <p> element with the extracted text
  element.innerHTML = text;
}</code>

説明:

• innerText プロパティは、要素内の HTML 要素を除いた、要素のテキスト コンテンツを返します。
• 要素に innerText プロパティがない場合 (古いブラウザ)、代わりに textContent プロパティを使用できます。
• 最後に、

  の HTML コンテンツが追加されます。要素は抽出されたテキストで更新され、事実上 HTML 要素が削除されます。

以上がJavaScript を使用して HTML 要素から純粋なテキストを抽出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。