Discussion :

[Aoernis]

Bonjour,

Comme vous vous en dout� j'ai une question. Voila j'aimerai modifier l'id d'un sous �l�ment d'un �l�ment clon�e dans une page HTML. Je m'explique, j'ai :

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
<div id="parent">
   <div id="enfant">
   </div>
</div>

le but �tant de clon�e la div "parent" comme ceci :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

var clone = document.getElementById('parent').cloneNode(true);

et de changer l'id d'enfant en passant par clone pour avoir par exemple

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
<div id="parent">
   <div id="enfant_nb_2">
   </div>
</div>

Probl�me, je ne sais pas comment faire.
Quelqu'un a une suggestion ?

Merci

Edit: J'avais bien chercher des balises code (pas longtemps je l'avoue), mais je m'attendait a ce qu'elle soit repr�senter plus explicitement, toutes mes confuses :/

[javatwister]

ben si je suis ta logique, apr�s:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

var clone = document.getElementById('parent').cloneNode(true);

il te faut changer l'id du noeud que tu viens de cr�er, sinon bug:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

clone.id="parent2";

puis changer l'id de l'enfant (sinon bug):

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

clone.getElementsBytagName("div")[0].id="enfant2";

sch�matiquement, voil�, si ton dom est aussi simple que dans l'exemple;

[Aoernis]

Merci de ta r�ponse. J'aurai esp�rer pouvoir faire quelque chose de plus proche de getElementById, mais �a devrais faire l'affaire.
A titre purement informatif, cet m�thode fonctionne telle sur plusieurs niveaux ? Peut-on faire :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

clone.getElementsBytagName("div")[0].getElementsBytagName("div")[0].id="enfant2";

J'ajoute que j'ai du louper quelque chose de critique puisque je me prend un jolie :

clone.getElementsBytagName is not a function

[javatwister]

attention � la casse, c'est mi qui ai tap� trop vite:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

clone.getElementsByTagName

par contre, l'instruction que tu proposes n'a pas tellement de sens vue la structure;

[Aoernis]

Effectivement l'instruction que j'ai �crite supposais qu'elle s'applique � une structure avec une plus grande profondeur. Comme trois div les unes dans les autres.

Au passage j'en profite pour ajouter une question de plus sur le m�me th�me.
Imaginons maintenant que nous ayons :

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
<div id="une_div">
  <p>
    Un paragraphe
  </p>
</div>

Comment puis-je, toujours dans un clone de la div, modifier le contenue de la balise <p> ? J'ai bien essayer :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
var clone = document.getElementById('une_div').cloneNode(true);
clone.getElementsByTagName('p')[0].innerHTML = 'Lorem Impsum ';

Mais innerHTML semble �tre une fonctionnalit� propre � l'objet document et ne marche pas ici et comme le texte a modifier n'est pas une propri�t� de la balise je suis coinc�. :/

[NoSmoking]

Bonjour,
pour voir la modification il faudrait peut �tre que l'objet clon� soit ajout� au document.