Créer de l'élément div et ajouter dynamiquement des éléments d'enfant sur elle
Comment puis-je créer un élément en javascript et ajouter dynamiquement des éléments sur elle?
Si j'ai créé élément sur le code HTML et dynamiquement ajouter des éléments sur elle, il fonctionne très bien.
<!-- THIS WILL WORK -->
<div id="wrapper"></div>
Mais cela ne fonctionne pas:
//THIS WILL NOT WORK
var container = document.createElement('div');
container.id = "wrapper";
Code supplémentaire:
var html = '<div><ul>';
for(var i=1; i<=40; i++){
html+= "<li>Testing: "+i+"</li>";
}
html+= '</ul></div>';
$('#wrapper').append(html);
Je voulais juste savoir si je peux ajouter des éléments sur un élément créé à l'aide de
Recharger votre page 🙂
document.createElement()
. Pas sur l'élément que j'ai créé à l'aide de html.Recharger votre page 🙂
OriginalL'auteur JunM | 2014-02-11
Vous devez vous connecter pour publier un commentaire.
Voici votre code:
OriginalL'auteur Jokey
Vous devez appeler
appendChild(element)
à ajouter des éléments.Par exemple:
Dans votre cas c'est:
document.createElement('div'
)?Il n'est pas annexé, il est créé 🙂 Vous avez de l'insérer dans l'arbre du DOM par vous-même. En effet,
document.createElement()
ne peut pas décider de lui-même où il est censé ajouter de la DIV.En complément de ce que wared viens de le dire: w3schools.com/js/js_htmldom.asp
Merci pour l'explication, +1.Je vais juste marquer Jokey réponse comme meilleure réponse. - Il encore des points faibles, et l'ai eu droit aussi.
Vous êtes les bienvenus 😉
OriginalL'auteur dooxe
Vous pouvez utiliser jquery comme ceci:
OriginalL'auteur Bhojendra Rauniyar
Vous devez insérer votre wrapper dans votre page HTML.
Ce serait le travail :
HTML :
JS :
http://jsfiddle.net/Zd2rw/
OriginalL'auteur Cédric Babeix