Maison  >  Article  >  interface Web  >  Comment extraire du texte pur à partir d’éléments HTML à l’aide de JavaScript ?

Comment extraire du texte pur à partir d’éléments HTML à l’aide de JavaScript ?

Patricia Arquette
Patricia Arquetteoriginal
2024-10-31 15:35:02645parcourir

How to Extract Pure Text from HTML Elements using JavaScript?

Extraire du texte pur à partir d'éléments HTML avec JavaScript

Lorsque vous travaillez avec des pages HTML, il est souvent nécessaire d'extraire le contenu textuel pur sans l'environnement. Éléments HTML. Ceci peut être réalisé en utilisant JavaScript.

Dans ce scénario, vous disposez d'une page HTML avec un bouton et du texte entouré d'un

élément. Lorsque vous cliquez sur le bouton, le balisage HTML doit être supprimé, laissant le texte pur inchangé.

Pour ce faire, vous pouvez utiliser la fonction JavaScript suivante :

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

Le document.getElementById ('txt') récupère le

élément avec l'ID 'txt'.

La propriété innerText ou textContent peut être utilisée pour récupérer le contenu du texte dans l'élément. innerText se rapproche du texte visible (à l'exclusion des balises), tandis que textContent supprime strictement les balises HTML. Choisissez la propriété qui correspond le mieux à vos besoins.

Enfin, element.innerHTML = text remplace le contenu HTML dans le

avec la valeur de texte pur.

En utilisant cette technique, vous pouvez extraire efficacement du texte pur à partir d'éléments HTML, vous permettant ainsi de manipuler le contenu du texte selon vos besoins.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn