Comment supprimer les balises HTML et extraire du texte pur avec JavaScript ?

Comment extraire du texte pur du HTML avec JavaScript

Pour extraire le texte pur d'un élément HTML sans les balises HTML, suivez ces étapes en utilisant JavaScript :

1. Identifiez l'élément HTML.
   Vous pouvez utiliser la méthode getElementById() pour obtenir l'élément dont vous souhaitez extraire le texte. Dans ce cas, vous avez un élément avec id="txt".

2. Obtenir le contenu du texte.
   Il existe deux façons d'obtenir le contenu du texte à partir d'un HTML élément : innerText et textContent. innerText renvoie le contenu textuel visible, tandis que textContent renvoie tout le contenu textuel, même s'il est masqué. Dans ce cas, vous pouvez utiliser l’une ou l’autre méthode. Voici comment vous les utiliseriez :

   • innerText :

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

   • textContent :

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

3. Remplacez le HTML par le texte.
   Une fois que vous avez le contenu du texte, vous pouvez remplacer le contenu HTML de l'élément par le contenu du texte. Voici comment procéder :

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

Voici la fonction JavaScript complète que vous pouvez utiliser :

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

Lorsque l'utilisateur clique sur "Obtenir du contenu" bouton, cette fonction JavaScript sera exécutée et le contenu HTML de l'élément p avec id="txt" sera remplacé par le contenu texte pur.

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!