如何通过JavaScript实现div节点的移动？

JScript code:
<div class="main">
<div class="left">
</div>
</div>
<div class="right">
</div>
-————————————————————————————
<div class="main">
<div class="left">
</div>
<div class="right">
</div>
</div>


如上的代码中，假如html页面中的代码是线以上的摸样，我如何通过JS的方式让他变成线以下的样子，即——如何通过JavaScript实现class为right的div节点的移动？
页面处理前，class为main的DIV的兄弟节点，现在，我想让他变成class为main的DIV的子节点。
求一段JavaScript代码，谢谢，在线等大家了！急用~~O(∩_∩)

---

直接插到 div.class==main 的后边就好了,什么都不用管\

mainObj.appendChild(rightObj)

---

引用

直接插到 div.class==main 的后边就好了,什么都不用管\

mainObj.appendChild(rightObj)

太简洁了吧？

---

引用

HTML code <divclass="main"> <divclass="left"> </div>
    fff </div>
fasfasd <divclass="right">