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 JavascriptQCM Javascript – Partie 1QCM sur Javascript avec des réponses pour la préparation des tests techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus
Partagez cet article

Laisser un commentaire

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