Utilisez JavaScript pour convertir les éléments HTML en texte brut.
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 modèle objet de document (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 du 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 passe entre les deux balises).
Vidéo du jour
É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 allez convertir en texte brut.
Étape 3
Créez un élément DIV temporaire dans votre fonction JavaScript en utilisant la méthode "createElement()".
Étape 4
Affectez 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 non défini 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 contenue par votre chaîne temporaire à l'aide d'une instruction "return". Cela renverra la valeur en texte brut de votre HTML converti.
Conseil
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.
