Maison > interface Web > js tutoriel > le corps du texte

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

Patricia Arquette
Libérer: 2024-10-31 15:35:02
original
648 Les gens l'ont consulté

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>
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!