Résolu Répéter une <div> à l'aide de JS

[xLiNK]

Bonjour à tous,
J'aimerais savoir s'il existe un moyen de dupliquer des <div> à l'aide de javascript.
Par exemple, j'ai une div crée en HTML qui affiche ceci sur ma page:

Imaginons que je veuille dupliquer cette même div 3 fois. Ainsi, après le script en JS, j'ai ceci qui s'affiche:

Existe-t-il un moyen d'y arriver ?
Merci de votre aide

 

[Paradise GTP]

Salut,

@Wayz SEC pourra peut être t'aider.

Bonne journée,
Boosterz #TF

 

[Grégory]

Salut,

@Wayz SEC pourra peut être t'aider.

Bonne journée,
Boosterz #TF

Effectivement

Voici comment procéder :

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

à toi d'adapter selon tes envies.

 

[MSLift]

Si tu as juste ça à faire en javascript, inclure jQuery va plus ralentir ta page qu'autre chose.

Coté HTML:

<div id="cloneDiv">...</div>

En Javascript:

var id = "cloneDiv"; // ID de ton div a cloner
var copy = 2; // Nombre de copie à faire

var elem = document.getElementById(id);
for (var i=0;i<copy;i++) {
    elem.parentNode.appendChild(elem.cloneNode());
}

 

[Grégory]

Si tu as juste ça à faire en javascript, inclure jQuery va plus ralentir ta page qu'autre chose.

Coté HTML:

<div id="cloneDiv">...</div>

En Javascript:

var id = "cloneDiv"; // ID de ton div a cloner
var copy = 2; // Nombre de copie à faire

var elem = document.getElementById(id);
for (var i=0;i<copy;i++) {
    elem.parentNode.appendChild(elem.cloneNode());
}

Pratiquement plus aucune site n'utilise pas jQuery, mais t'as raison s'il n'utilise pas jQuery, il n'a pas précisé en même temps.

 

[xLiNK]

En effet, j'avais oublié de préciser que j'utilisais jQuery x)
En tout cas merci à tous pour toutes vos réponses !

 

[Grégory]

Salut,

J'ai déplacé http://reality-gaming.fr/attachments/deplacement-png.20319/ ta discussion en section Résolu http://reality-gaming.fr/attachments/verifier-png.20313/

Bonne soirée,
Wayz SEC