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

Version imprimable

27/02/2006, 11h01
psychomatt

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

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:

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

Je suis preneur de n'importe quelle infos.
Merci.
27/02/2006, 13h21
narnou

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 ?

Re: [Manipulation DOM] Ajouter un DIV "autour" d'u

Citation:

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:

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

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

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?

27/02/2006, 13h44
narnou

Yep a premiere vue ca me semble bon :)
27/02/2006, 14h37
psychomatt

En effet ça tourne bien :)
Petite précision néanmoins
pourquoi

Code:

pointInsertion.removeChild(monA);

?
Merci
27/02/2006, 14h42
denisC

Citation:

Envoyé par psychomatt

En effet ça tourne bien :)
Petite précision néanmoins
pourquoi

Code:

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 :)
27/02/2006, 14h53
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 ?
27/02/2006, 14h54
denisC

Citation:

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 :)
27/02/2006, 15h00
psychomatt

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 :wink: )

Citation:

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:

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);
Et voilà, c'est déjà fini! (enfin, sauf si je me suis trompé dans le code, ce qui est toujours possible :wink: )

27/02/2006, 15h18
psychomatt

Quel talent !

Bon bah, résolu alors :)

MERCI !