[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);