[DOM] Remplacer un arbre DOM par un autre

Bonjour,

J'aimerais dans le cadre de mon application remplacer l'intégralité de l'arbre DOM représentant mon document (c'est-à-dire tout l'arborescence avec le tag html comme parent).

En fait, à un moment x je crée un clone de tout mon arbre et le stocke bien au chaud dans une variable. Ensuite j'effectue quelques modifications dynamique à mon document (et donc sur mon arbre original)...tout à la fin, je souhaiterais que le document affiché soit à nouveau celui au moment x. Est-il possible de le faire?

J'ai essayé plusieurs choses dont celle-ci qui ne fonctionne pas :

Code:

---

1 2 3 4 5

var oldChilds = this.formDocument.documentElement.childNodes; var newChilds = copy.childNodes; for (var i=0; i<oldChilds.length; i++) this.formDocument.documentElement.replaceChild(newChilds[i], oldChilds[i]);

---

formDocument est une variable qui contient le document tout entier qui est présent dans une frame de mon appli.

Etant donné que ceci ne fonctionnait pas, j'ai essayé aussi de supprimer un à un chaque noeud enfant du document original puis d'ajouter un à un au document original les noeuds enfants du document copié :

Code:

---

1 2 3 4 5 6 7 8 9

var oldChilds = this.formDocument.documentElement.childNodes; var newChilds = copy.childNodes;   for (var i=0; i<oldChilds.length; i++) this.formDocument.documentElement.removeChild(oldChilds[i]);   for (var i=0; i<newChilds.length; i++) this.formDocument.documentElement.appendChild(newChilds[i]);

---

Mais là encore ça ne fonctionne pas...rien ne se passe apparemment!! :?

Ca serait vraiment génial si vous pouviez m'aider, merci d'avance!

pas sûr de comprendre;

tu veux garder en mémoire l'arbre d'avant les modifications?

essaie de passer par un bloc documentFragment();

Code:

---

copy.childNodes

---

???

une tentative de cloneNode(true)

Supprimer tous les noeuds enfants en DOM:

Code:

---

1 2 3 4 5

var noeud; while (noeud.childNodes.length>0) { noeud.removeChild(noeud.firstChild); }

---

Sinon, c'est quoi copy? (il est obtenu de quelle façon?)

Oui je garde en mémoire (dans une variable) l'arbre avant les modifs. Après les modifs et quelques autres opérations, je souhaite rétablir l'arbre d'avant les modifs!

Sinon oui j'ai oublié de dire que la variable copy est un clone de l'arbre html original.

Citation:

---

Envoyé par kingmandrax

Oui je garde en mémoire (dans une variable) l'arbre avant les modifs. Après les modifs et quelques autres opérations, je souhaite rétablir l'arbre d'avant les modifs!

Sinon oui j'ai oublié de dire que la variable copy est un clone de l'arbre html original.

---

Obtenu comment copy?
Sinon, il faut savoir que les copies d'arbres DOM, c'est pas top.

Tu ne peux pas cerner la partie de ton document qui subit des changements? Au pire, si c'est la page au chargement, tu ne peux pas utiliser document.body.innerHTML?

J'obtiens le clone de la manière suivante :

Code:

---

1 2	var copy = this.formDocument.documentElement.cloneNode(true);

---

Pourquoi ce n'est pas top??

Et sinon c'est franchement compliqué d'isoler les parties qui ont changées vu que ça se passe à plein de niveau différents...assez compliqué à gérer quoi!