Discussion :

[Elinyhs]

Bonsoir à tous,

Supposons qu'on ait le code suivant :

Code :

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

1
2
3
4
5
6
7
8
9
<div id="div_test">
	<span id="span1">Text 1</span>
	Text
	<span id="span2">Text 2</span>
	Text
	<span id="span3">Text 3</span>
	Text
	<span id="span4">Text 4</span>
</div>

Est-il possible, à l'aide de Javascript et DOM, d'encadrer les objets span2 et span3 sans oublier le texte entre les deux et ainsi d'obtenir le code suivant :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<div id="div_test">
	<span id="span1">Text 1</span>
	Text
	<span id="span23">
		<span id="span2">Text 2</span>
		Text
		<span id="span3">Text 3</span>
	</span>
	Text
	<span id="span4">Text 4</span>
</div>

Je vous remercie par avance !

[SpaceFrog]

en parsant les Nodes du div parent de sa collection childNodes il suffit de tester l'id du premier que l'on souhaite encadrer et celui du dernier et de les appender tous dans un div que l'on aura au préalable inséré avec insertBefore.
Ce n'est qu'une methode il y a a d'autres ...

[Elinyhs]

Merci SpaceFrog, j'avais complètement raisonné à l'envers !