Création des éléments html en JS

Résolu
jalalnet Messages postés 350 Date d'inscription   Statut Membre Dernière intervention   -  
jalalnet Messages postés 350 Date d'inscription   Statut Membre Dernière intervention   -
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

  1. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    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.
    0
  2. jalalnet Messages postés 350 Date d'inscription   Statut Membre Dernière intervention   10
     
    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>
    
    
    0
  3. jalalnet Messages postés 350 Date d'inscription   Statut Membre Dernière intervention   10
     
    c'est bon !!
    0