Comment convertir du HTML en texte brut en JavaScript

L'une des choses les plus utiles que vous pouvez faire avec le langage de script JavaScript est de manipuler et travailler avec le modèle objet de document (DOM) d'un document HTML. Le DOM d'un document HTML est une convention pour représenter le contenu de ce document. Il fournit un moyen pour les navigateurs web et les langages de script comme JavaScript d'interagir avec les divers éléments composant ce document. En utilisant JavaScript et le DOM d'une page web, vous pouvez facilement convertir du HTML en texte brut.

Étape 1 : Ajouter une déclaration SCRIPT

Ajoutez une déclaration SCRIPT à la section HEAD de votre document HTML. La balise SCRIPT définit un script côté client comme JavaScript. Votre balise SCRIPT doit avoir son attribut « type » défini sur « text/javascript » pour que la déclaration complète soit : (le code JavaScript va entre les deux balises).

Étape 2 : Définir une fonction JavaScript

Définissez une fonction JavaScript qui prend une chaîne de caractères en paramètre. Ce paramètre contient le HTML que vous convertirez en texte brut.

Étape 3 : Créer un élément DIV temporaire

Créez un élément DIV temporaire à l'intérieur de votre fonction JavaScript en utilisant la méthode « createElement() ».

Étape 4 : Assigner le HTML au DIV

Assignez le paramètre chaîne de votre fonction à l'attribut « innerHTML » de votre DIV temporaire.

Étape 5 : Créer une variable chaîne temporaire

Créez une variable chaîne temporaire dans votre fonction.

Étape 6 : Récupérer le texte brut

Récupérez le contenu textuel brut de votre DIV temporaire en utilisant ses attributs « textContent » et « innerText » et assignez-le à votre variable chaîne temporaire. En raison de problèmes de compatibilité inter-navigateurs, « textContent » et « innerText » seront tous deux définis dans certains navigateurs et indéfinis dans d'autres, mais l'un ou l'autre sera défini dans toutes les versions de tous les navigateurs majeurs.

Étape 7 : Retourner le résultat

Retournez la valeur détenue par votre variable chaîne temporaire en utilisant une instruction « return ». Cela renverra la valeur texte brut de votre HTML converti.

Astuce

Au lieu d'utiliser des instructions SI-ALORS pour vérifier la compatibilité inter-navigateurs et décider d'utiliser « textContent » ou « innerText », assignez simplement la valeur texte brut de votre élément DIV temporaire à votre variable chaîne temporaire comme suit : var tmpString = tmpDiv.textContent || tmpDiv.innerText.