[Manipulation DOM] Ajouter un DIV "autour" d'un A

**psychomatt** · 27/02/2006, 11h01

Bonjour,

Je suis en train de faire des tests de manipulation du DOM avec javascript (création de noeud, suppression, etc...)
Et j'ai du mal à faire ce que je désire.

J'ai dans ma page un lien (balise <a href>) et je souhaiterais ajouter un DIV autour afin qu'un fois ma fonction JS lancée j'obtienne:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div><a href="...">...</a></div>

Je suis preneur de n'importe quelle infos.
Merci.

**narnou** · 27/02/2006, 13h21

Bon bah c'est simple.

D'abord tu crées ton div "a coté" de ton <a>

ensuite tu déplace ton <a> "dans" ton div

nan ?

**denisC** · 27/02/2006, 13h32

Envoyé par psychomatt

J'ai dans ma page un lien (balise <a href>) et je souhaiterais ajouter un DIV autour afin qu'un fois ma fonction JS lancée j'obtienne:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div><a href="...">...</a></div>

Je suis preneur de n'importe quelle infos.
Merci.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
var monDiv = document.createElement('div');
var monA = document.getElementById('identifiant_de_mon_a');
var pointInsertion = monA.parentNode;
pointInsertion.insertBefore(monDiv,monA);
pointInsertion.removeChild(monA);
monDiv.appendChild(monA);

Quelque chose dans ce gout, non?

**narnou** · 27/02/2006, 13h44

Yep a premiere vue ca me semble bon

**psychomatt** · 27/02/2006, 14h37

En effet ça tourne bien

Petite précision néanmoins
pourquoi

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

pointInsertion.removeChild(monA);

?
Merci

**denisC** · 27/02/2006, 14h42

Envoyé par psychomatt

En effet ça tourne bien

Petite précision néanmoins
pourquoi

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

pointInsertion.removeChild(monA);

?
Merci

Pour préciser qu'on retire ce noeud de l'endroit ou il se trouvait. Ce n'est pas nécessaire, car on réaffecte le noeud juste après, ce qui le retire automatiquement de sa position précédente.

C'était juste pour préciser

**psychomatt** · 27/02/2006, 14h53

Ok.

Et si je désire toujours par prog supprimer le DIV créé par la méthode décrite plus haut. Le fait de supprimer le DIV va également supprimer tout ce qu'il contient (ses enfants), me trompe-je ?

**denisC** · 27/02/2006, 14h54

Envoyé par psychomatt

Ok.

Et si je désire toujours par prog supprimer le DIV créé par la méthode décrite plus haut. Le fait de supprimer le DIV va également supprimer tout ce qu'il contient (ses enfants), me trompe-je ?

Pas du tout, tu as tout à fait raison

**psychomatt** · 27/02/2006, 15h00

cool.
Sauf que ça m'arrange pas du là :-/

Il faut donc que je récupére tous les enfants de mon noeud, que je les insère avant ou après le DIV et que je le supprime ce dernier (et tout son contenu).

Bon, bah y'a plus qu'a...

Merci en tous cas denisC pour ton aide.
Je posterai mon code quand celui-ci fonctionnera.

Je laisse le sujet ouvert pour le moment (il se peut que je galère encore un petit peu

)

**denisC** · 27/02/2006, 15h10

Envoyé par psychomatt

Il faut donc que je récupére tous les enfants de mon noeud, que je les insère avant ou après le DIV et que je le supprime ce dernier (et tout son contenu).

Allez, allez, c'est pas si compliqué que ça:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
var monDiv = document.getElementById('identifiant_de_mon_div');
while (monDiv.childNodes.length>0) {
  monDiv.parentNode.insertBefore(monDiv.childNodes[0],monDiv);
}
monDiv.parentNode.removeChild(monDiv);