我想移动div节点，但是怎么移动？

Question

<div class="x">     <div  class="x1">111</div>     <div  class="x1">222</div>     <div  class="x1">333</div></div><script>     function cla(element){        return document.getElementsByClassName(element);     }    function $(element){        return document.getElementById(element);     }    function xx(){         $("x").insertBefore(cla("x1")[1],cla("x1")[0])     }     xx();</script>我一开始想到的是insertBefore（），但是这个怎么用？为何我这里报错？还有什么办法能真正移动节点吗？