Javascript 如何将一个div放入另一个div中？

我想把一个div放到另一个div里

<div id="test">
<img src="img/sky.jpg">
this is a test
</div>

function inner(){
var abc = document.getElementById("test");
document.getElementById("main").innerHTML = abc;
}
</script>

这是一个测试
函数内部（）{
var abc=document.getElementById（“测试”）；
document.getElementById（“main”）.innerHTML=abc；
}

它不起作用。有可能吗？

使用：

使用：

---

为了彻底起见，您可以演示：

var main=document.getElementById（'main'）；main.parentNode.insertBefore（abc，main）@DavidThomas为什么要把事情复杂化？！：）好吧，你不必这么做，或者别的什么…=）但文森特的帖子在哪里。它以我想要的方式为我工作。谢谢。@Alice如果你想要的话，你应该编辑你的问题。现在我已经这样做了。为了彻底起见，您可以演示：
var main=document.getElementById（'main'）；main.parentNode.insertBefore（abc，main）@DavidThomas为什么要把事情复杂化？！：）好吧，你不必这么做，或者别的什么…=）但文森特的帖子在哪里。它以我想要的方式为我工作。谢谢。@Alice如果你想要的话，你应该编辑你的问题。我现在已经这样做了。
document.getElementById("main").appendChild( abc );