[DOM] DOM - copier le contenu d'un div dans un autre div

**Mike_69** · 30/03/2007, 16h25

Bonour,

j'ai un div ("divSrc") avec des données et je souhaite copier ses fils dans un autre div ("divDest")

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
<html>
<head>
	<script type="text/javascript">
		function test() {
			var divSrc = document.getElementById("divSrc");
			var divDest = document.getElementById("divDest");
			divDest.appendChild(divSrc);
		}
	</script>
</head>
 
<body>
 
<input type="button" value="test" onclick="javascript:test();">
 
<div id="divSrc">
	<select onchange="javascript:getCode(this);">
		<option value="1">FRANCAIS</option>
		<option value="2">ANGLAIS</option>
	</select>
	<input type="text" id="code" value="">
</div>
 
<div id="divDest">
 
</div>
 
</body>
</html>

ce code me supprime mon divSrc. Je voudrais que mon divSrc reste car dans un deuxième temps, je voudrais remettre les infos de "divDest" dans "divSrc".

je voudrais avoir ce code HTML à la fin de mon action

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<div id="divSrc">
 
</div>
 
<div id="divDest">
	<select onchange="javascript:getCode(this);">
		<option value="1">FRANCAIS</option>
		<option value="2">ANGLAIS</option>
	</select>
	<input type="text" id="code" value="">
</div>

Il y a une alternative : rajouter un div sous le divSrc pour englober les données à transférer mais je ne veux pas surcharger ma page de div.
Quelqu'un aurait une idée ?

Merci d'avance

**eveilside** · 30/03/2007, 16h30

salut , utilise un innerhtml :

Code :

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

1
2
3
var contenu=document.getElementById('div1').innerHTML;
 
document.getElementById('div2').innerHTML=contenu;

puis pour vider :

Code :

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

document.getElementById('div1').innerHTML="";

@+

**Djakisback** · 30/03/2007, 16h47

Salut,
et si t'as besoin de conserver les valeurs des attributs des noeuds tu peux faire :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function test()	{
	var divSrc = document.getElementById('divSrc');
	var divDest = document.getElementById('divDest');
	// suppression
	while (divDest.childNodes.length > 0) {
		divDest.removeChild(divDest.firstChild);
	}
	// copie
	for(i = 0; i < divSrc.childNodes.length; i++)	{
		divDest.appendChild(divSrc.childNodes[i].cloneNode(true));
	}
	// suppression
	while (divSrc.childNodes.length > 0) {
		divSrc.removeChild(divSrc.firstChild);
	}
}

Bye

[edit]Ah nan en fait ca garde pas les valeurs des attributs, enfin le comportement semble différent selon les nav.[/edit]

**Mike_69** · 30/03/2007, 17h02

merci bcp

[DOM] DOM - copier le contenu d'un div dans un autre div

JavaScript

Vue hybride

Discussions similaires

Partager

Partager