Création des éléments html en JS

Résolu
Bonjour,
je sais pas pourquoi j'arrive pas a créer des éléments html avec JS
je procédé comme çà
<script type="text/javascript"> 
// Exemple Création un input de type texte. 
 champText = document.createElement("input"); 
 champText.type = "text"; 


//Exemple création de l'élément select 
var elSelect = document.createElement("select");  
</script> 


3 réponses

  • Votes
  • Date
  • Date décroissante
  1. rho j'arrive pas !! petit aide stp
    <html>
    <body>
    
    <div id="zone">
    </div>
    
    <script type="text/javascript">
    champText = document.createElement("input"); 
    champText.type = "text"; 
    document.getElementById("zone").appendChild(champText); 
    </script>
    
    </body>
    </html>
    
    
    1. Salut.

      document.createElement() crées juste l'élément, il ne le place pas dans le document.

      Il suffit d'utiliser la méthode appendChild() d'un autre élément pour l'ajouter à la fin de celui-ci.

      Par exemple, pour l'ajouter à la fin du body :
      document.body.appendChild(element);

      Ou à la fin d'un div :
      document.getElementById('id_du_div').appendChild(element);

      Pour la liste, il faudra crées toutes les options, les ajouter à l'élément select, puis ajouter l'élément select là où tu le désires.

      Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu lui dis de faire.