bondaryoff,
document.body.appendChild(dr_vidg); просто переписывает имеющийся элемент.
<body>
<div style="border:3px solid black">Контейнер
<div id = "test" style="border:1px solid red">Тестируемый див</div>
</div>
</body>
<script>
var dr_vidg = document.getElementById("test");
document.body.appendChild(dr_vidg);
</script>
Для создания нового элемента на базе имеющегося используйте
cloneNode
<body>
<div style="border:3px solid black">Контейнер
<div id = "test" style="border:1px solid red">Тестируемый див</div>
</div>
</body>
<script>
var dr_vidg = document.getElementById("test");
var new_vidg = dr_vidg.cloneNode(true);
new_vidg.innerText += " клон";
new_vidg.id = "clone1";
document.body.appendChild(new_vidg);
</script>