js实现两个div交换位置

同事问了一个问题，就是关于两个层交换位置的问题，其实实现起来很简单，我在这里简单的列举两种方法：

方法一：这里只是用的纯js来实现，我直接贴代码，其中前面是判断是否兼容fixfox

function moveDiv(id_1,id_2)  //参数传递的是你需要交换位置的两个div的ID
{
    var insert = function(nodeInsert,nodeTo){
        if(nodeInsert.insertAdjacentElement)
        {
            nodeTo.insertAdjacentElement('beforeBegin',nodeInsert);
        }
        else
        {
            nodeTo.parentNode.insertBefore(nodeInsert,nodeTo);
        }
    }
    var obj= document.createElement("a");
    var t1 = document.getElementById(id_1);
    var t2 = document.getElementById(id_2);
    insert(obj,t2);
    insert(t2,t1);
    insert(t1,obj);
    document.body.removeChild(obj);
}

方法二：如果你用了jquery的话，就可以简化很多

<div id="a"></div>
<div id="b"></div>

$("#b").after($("#a"))