JavaScript を使用して HTML タグを削除し、純粋なテキストを抽出する方法

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

HTML タグを含まない HTML 要素から純粋なテキストを抽出するには、次の手順に従います。 JavaScript の使用:

1. HTML 要素を識別します。
   getElementById() メソッドを使用して、テキストを抽出する要素を取得できます。この場合、id="txt" の要素があります。

2. テキスト コンテンツを取得します。
   HTML からテキスト コンテンツを取得するには 2 つの方法があります。要素: innerText および textContent。 innerText は表示されているテキスト コンテンツを返しますが、textContent は非表示であってもすべてのテキスト コンテンツを返します。この場合、どちらの方法でも使用できます。使用方法は次のとおりです:

   • innerText:

     <code class="javascript">var text = element.innerText;</code>

     ログイン後にコピー

   • textContent:

     <code class="javascript">var text = element.textContent;</code>

     ログイン後にコピー

3. HTML をテキストに置き換えます。
   テキスト コンテンツを取得したら、要素の HTML コンテンツをテキスト コンテンツに置き換えることができます。その方法は次のとおりです:

   <code class="javascript">element.innerHTML = text;</code>

   ログイン後にコピー

使用できる完全な JavaScript 関数は次のとおりです:

<code class="javascript">var element = document.getElementById('txt');
var text = element.innerText || element.textContent;
element.innerHTML = text;</code>

ユーザーが [コンテンツの取得] をクリックしたときボタンをクリックすると、この JavaScript 関数が実行され、id="txt" を持つ p 要素内の HTML コンテンツが純粋なテキスト コンテンツに置き換えられます。

以上がJavaScript を使用して HTML タグを削除し、純粋なテキストを抽出する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。