Javascript append fragment à un élément HTML existant

Question

J'ai créé un fragment DOM où je suis d'ajouter plusieurs childNodes dans une boucle:

fragment.appendChild(clone) 

Je veux prendre ce fragment et l'utiliser pour remplacer un élément HTML existant contient déjà ces nœuds.

Je peux utiliser

myContainer.appendChild(fragment) 

Cependant, cela se fait aussi dans une boucle et le fragment est ajouté trop de fois. Comment puis-je obtenir le fragment, l'ajouter à myContainer et supprimer aussi les anciens enfants de myContainer.

Merci.

Answer 1

Ne pouvez-vous pas ajouter le fragment après la fin de la boucle? En ce qui concerne la suppression des noeuds enfants actuels, vous pouvez les parcourir tous et utiliser la fonction removeChild, ou simplement définir innerHTML de l'élément sur une chaîne vide. Si vous réinitialisez innerHTML avant d'ajouter le fragment, cela devrait fonctionner.

myContainer.innerHTML = ""; 
myContainer.appendChild(fragment); 

Answer 2

Vous voulez probablement:

while (myContainer.childNodes.length > 0) { 
    myContainer.removeChild(myContainer.childNodes[0]); 
} 

myContainer.appendChild(fragment); 

Answer 3

Si je vous comprends bien, vous créez un nouveau noeud avec des enfants, et vous voulez que ce nouveau nœud pour remplacer un nœud existant dans votre page.

Vous pouvez:

• Retirez tous les enfants du nœud existant et ajouter les nouveaux enfants au nœud existant
• Ajouter tous les enfants à un autre noeud (je pense que ce que vous faites : ajout au fragment), puis supprimez le nœud existant et ajoutez le nœud à cet emplacement.

Voir removeChild et appendChild