Comment changer le contenu d’un DIV en JavaScript

Dans ce tutoriel nous allons découvrir comment changer le contenu 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 et changer le contenu 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 = "Hello World!";
     alert(text);
   </script>
</html>

La sortie :

Hello World!

 

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 = "Hello World!";
    alert(text);
   </script>
</html>

La sortie :

Hello World!
QCM Javascript

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *