[DOM] DOM - copier le contenu d'un div dans un autre div
Bonour,
j'ai un div ("divSrc") avec des données et je souhaite copier ses fils dans un autre div ("divDest")
Code:
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:
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
