博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js交换两个div的位置
阅读量:7065 次
发布时间:2019-06-28

本文共 496 字,大约阅读时间需要 1 分钟。

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的。

转载于:https://www.cnblogs.com/childsplay/p/4742966.html

你可能感兴趣的文章
Failure [INSTALL_FAILED_INVALID_APK]
查看>>
java 写入文件
查看>>
为什么你不能在 MySQL 3.x 版本上安装 Joomla 1.5.23
查看>>
文件管理相关命令
查看>>
Guava库学习:学习使用Strings和Charsets类
查看>>
学习strings、strconv包
查看>>
如何在Sharepoint Online中创建调查问卷
查看>>
Exchange 2013公网证书配置
查看>>
Java开发在线打开编辑保存Word文件
查看>>
将学习进行到底!为普通人的奋斗送福
查看>>
常用十大python机器学习库
查看>>
TCP/IP三次握手四次挥手
查看>>
Systemstate Dump分析经典案例(下)
查看>>
PHPcms怎么调用二级栏目
查看>>
中小型网络构建案例——防火墙的应用
查看>>
《Linux就该这么学》 第3章 管道符、重定向与环境变量
查看>>
Okhttp3使用
查看>>
交换的江湖
查看>>
ubuntu16.04 双网卡绑定
查看>>
lLinux学习笔记之apache及论坛的发布
查看>>