Création des éléments html en JS

Résolu/Fermé

jalalnet Messages postés 293 Date d'inscription mardi 20 octobre 2009 Statut Membre Dernière intervention 30 juillet 2023 - Modifié par jalalnet le 14/11/2010 à 14:42
jalalnet Messages postés 293 Date d'inscription mardi 20 octobre 2009 Statut Membre Dernière intervention 30 juillet 2023 - 14 nov. 2010 à 15:41

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:

Création des éléments html en JS
Creation compte gmail - Guide
Création compte google - Guide
Media creation tool - Télécharger - Systèmes d'exploitation
Editeur html - Télécharger - HTML
Création groupe whatsapp - Guide

3 réponses

Réponse 1 / 3

avion-f16 Messages postés 19250 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 22 décembre 2024 4 505
Modifié par avion-f16 le 14/11/2010 à 14:47

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.

Réponse 2 / 3

jalalnet Messages postés 293 Date d'inscription mardi 20 octobre 2009 Statut Membre Dernière intervention 30 juillet 2023 10
14 nov. 2010 à 14:57

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>

Réponse 3 / 3

jalalnet Messages postés 293 Date d'inscription mardi 20 octobre 2009 Statut Membre Dernière intervention 30 juillet 2023 10
14 nov. 2010 à 15:41

c'est bon !!

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule