码迷,mamicode.com
首页 > Web开发 > 详细

js交换两个div的位置

时间:2015-08-19 19:58:34      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:

demo

js代码

function exchange(el1, el2){
        var ep1 = el1.parentNode,
            ep2 = el2.parentNode,
            index1 = Array.prototype.indexOf.call(ep1.children, el1),
            index2 = Array.prototype.indexOf.call(ep2.children, el2);
        ep2.insertBefore(el1,ep2.children[index2]);
        ep1.insertBefore(el2,ep1.children[index1]);
    }

  代码非常简短,开始以为需要判断被交换的element是否是父层最后一个,但是实际看来,如果insertBefore第二个参数是undefined的话,那么是直接appendChild的。

js交换两个div的位置

标签:

原文地址:http://www.cnblogs.com/childsplay/p/4742966.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!