我想移动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（），但是这个怎么用？为何我这里报错？

还有什么办法能真正移动节点吗？