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

Comment extraire du texte brut du HTML avec JavaScript ?

Linda Hamilton
Libérer: 2024-10-31 19:34:02
original
378 Les gens l'ont consulté

How to Extract Plain Text from HTML with JavaScript?

Suppression d'éléments HTML pour l'extraction de texte brut avec JavaScript

Lorsque vous traitez du contenu HTML, il existe des situations dans lesquelles vous devrez peut-être extraire le contenu pur texte sans les balises d’élément HTML. JavaScript fournit un moyen pratique d'y parvenir.

Énoncé du problème :

Vous disposez d'un document HTML avec un bouton et du texte entouré d'un

élément. En cliquant sur le bouton, vous souhaitez supprimer toutes les balises d'éléments HTML du texte contenu dans ce

élément, ne laissant que le texte brut.

Solution :

Pour y parvenir, suivez ces étapes en utilisant JavaScript :

<code class="javascript">function get_content() {
  // Get the element by its ID
  var element = document.getElementById('txt');

  // Extract the plain text using either innerText or textContent
  // Depending on the browser support and specific requirements, you can use either of these methods.
  var text = element.innerText || element.textContent;

  // Replace HTML elements with the pure text
  element.innerHTML = text;
}</code>
Copier après la connexion

En utilisant cet élément fonction, lorsque l'utilisateur clique sur le bouton, les balises HTML dans le

L'élément sera supprimé, ne laissant que le texte brut.

innerText vs textContent :

Le choix entre innerText et textContent dépend de vos besoins. innerText imite le texte visible, y compris les espaces, les sauts de ligne et le texte masqué. D'un autre côté, textContent supprime tout formatage ou élément masqué.

Compatibilité :

innerText a une meilleure compatibilité avec les anciens navigateurs IE mais peut ne pas convenir au HTML complexe. structures. textContent est recommandé pour un comportement plus robuste et cohérent entre les navigateurs.

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!