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

JavaScript を使用した HTML 要素からの純粋なテキストの抽出

HTML ページを操作する場合、多くの場合、周囲の要素を含まずに純粋なテキスト コンテンツを抽出する必要があります。 HTML要素。これは JavaScript を使用して実現できます。

このシナリオでは、ボタンと

で囲まれたテキストを含む HTML ページがあります。要素。ボタンをクリックすると、純粋なテキストを変更せずに、HTML マークアップが削除される必要があります。

これを実現するには、次の JavaScript 関数を利用できます。

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

The document.getElementById ('txt') 行は

を取得します。 ID 'txt' の要素。

innerText プロパティまたは textContent プロパティを使用して、要素内のテキスト コンテンツを取得できます。 innerText は表示テキスト (タグを除く) を近似しますが、textContent は HTML タグを厳密に削除します。要件に最も適したプロパティを選択してください。

最後に、element.innerHTML = text は、

内の HTML コンテンツを置き換えます。

この手法を利用すると、HTML 要素から純粋なテキストを効果的に抽出でき、必要に応じてテキスト コンテンツを操作できるようになります。

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