Création des éléments html en JS

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



A voir également:

3 réponses

avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
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
jalalnet Messages postés 293 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
jalalnet Messages postés 293 Date d'inscription   Statut Membre Dernière intervention   10
 
c'est bon !!
0