Comment convertir le HTML en texte brut en javascript

Une des choses les plus utiles que vous pouvez faire avec le langage de script javascript est manipuler et 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 fournit un moyen pour les navigateurs Web et les langages de script comme javascript pour interagir avec les différents éléments qui composent ce document. Utilisation de javascript et DOM d'une page web, vous pouvez facilement convertir le HTML en texte brut.

Instructions

  1. 1

    Ajouter une déclaration de 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 sa "type" attribut défini sur "text / javascript" de sorte que l'ensemble de la déclaration de SCRIPT devrait se lire comme suit: (où le code javascript va entre les deux balises).

  2. 2

    Définir une fonction javascript qui prend une chaîne comme paramètre. Cette chaîne contient le code HTML que vous serez convertir en texte brut.

  3. 3



    Créer un élément DIV temporaire intérieur de votre fonction javascript en utilisant la "createElement ()" Procédé.

  4. 4

    Attribuer le paramètre de chaîne de votre fonction à vos DIV temporaires "innerHTML" attribuer.

  5. 5



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

  6. 6

    Prenez le contenu de texte brut de votre DIV temporaire à l'aide de son "textContent" et "innerText" attributs et l'affecter à votre variable chaîne temporaire. En raison de problèmes de compatibilité cross-browser, à la fois "textContent" et "innerText" seront définis dans certains navigateurs web et indéfini dans d'autres, mais l'un ou l'autre sera défini dans toutes les versions de tous les principaux navigateurs.

  7. 7

    Retourne la valeur détenue par votre chaîne temporaire utilisant un "retour" déclaration. Ce sera de retour la valeur de texte brut de votre HTML converti.

Conseils & Avertissements

  • Au lieu d'utiliser des déclarations si-alors de vérifier la compatibilité cross-browser et de décider d'utiliser ou non "textContent" ou "innerText" dans votre fonction, il suffit d'affecter plaine valeur de texte de votre élément DIV temporaire à votre variable de chaîne temporaire comme suit: var = tmpString tmpDiv.textContent || tmpDiv.innerText.
» » » » Comment convertir le HTML en texte brut en javascript