Comment convertir du HTML en texte brut en Javascript

L'une des choses les plus utiles que vous puissiez faire avec le langage de script JavaScript est de manipuler et de travailler avec le Document Object Model (ou "DOM") d'un document HTML. Le DOM d'un document HTML est une convention pour représenter le contenu de ce document. Il permet aux navigateurs Web et aux langages de script tels que JavaScript d'interagir avec les différents éléments qui composent ce document. En utilisant JavaScript et le DOM d'une page Web, vous pouvez facilement convertir HTML en texte brut.

Étape 1

Ajoutez une déclaration SCRIPT à la section HEAD de votre document HTML. La balise SCRIPT définit un script côté client tel que JavaScript. Votre balise SCRIPT doit avoir son attribut "type" défini sur "text/javascript" afin que l'intégralité de la déclaration SCRIPT se lise comme suit :(où le code JavaScript se place entre les deux balises).

Étape 2

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

Étape 3

Créez un élément DIV temporaire dans votre fonction JavaScript à l'aide de la méthode "createElement()".

Étape 4

Attribuez le paramètre de chaîne de votre fonction à l'attribut "innerHTML" de votre DIV temporaire.

Étape 5

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

Étape 6

Saisissez le contenu en texte brut de votre DIV temporaire à l'aide de ses attributs "textContent" et "innerText" et affectez-le à votre variable de chaîne temporaire. En raison de problèmes de compatibilité entre navigateurs, "textContent" et "innerText" seront définis dans certains navigateurs Web et indéfinis dans d'autres, mais l'un ou l'autre sera défini dans toutes les versions de tous les principaux navigateurs.

Étape 7

Renvoyez la valeur détenue par votre chaîne temporaire à l'aide d'une instruction "return". Cela renverra la valeur en texte brut de votre code HTML converti.

Astuce

Au lieu d'utiliser des instructions IF-THEN pour vérifier la compatibilité entre navigateurs et pour décider d'utiliser "textContent" ou "innerText" dans votre fonction, affectez simplement la valeur de texte brut de votre élément DIV temporaire à votre variable de chaîne temporaire comme suit :var tmpString =tmpDiv.textContent || tmpDiv.innerText.