Récupérer le texte d’une balise HTML en Javascript

septembre 22, 2019février 10, 2020 Thomas Aucun commentaire

Dans ce tutoriel nous allons découvrir comment récupérer le texte d’une balise HTML, que ce soit <p>, <div>, <span>, etc. Dans l’exemple ci-dessous nous allons utiliser la balise <div> comme exemple. Il existe deux méthodes pour récupérer le texte d’une balise, soit on utilise la propriété textContent ou innerText.

Méthode 1 : En utilisant la propriété textContent

<html>
   <body>
      <div id="myDiv">Welcom to WayToLearnX!</div>
   </body>
   <script type="text/javascript">
      var text = document.getElementById('myDiv').textContent;
      alert(text);
   </script>
</html>

La sortie :

Welcom to WayToLearnX!

Méthode 2 : En utilisant la propriété innerText

<html>
   <body>
      <div id="myDiv">Welcom to WayToLearnX!</div>
   </body>
   <script type="text/javascript">
      var text = document.getElementById('myDiv').innerText;
      alert(text);
   </script>
</html>

La sortie :