博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js原生 ,将已渲染dom对象插入指定位置后结果分析
阅读量:6208 次
发布时间:2019-06-21

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

HTML:

  • 1111111111
  • 2222222222
  • 3333333333
  • 4444444444

js:

function swop(obj1,obj2){        obj2.parentNode.insertBefore(obj1,obj2);    }var ul=document.getElementsByTagName("ul")[0];swop(ul.children[1],ul.children[3] );//把2插到4的前面

result:

1111111111    3333333333    2222222222    4444444444

分析:

obj2.parentNode.insertBefore(obj1,obj2);
如果参数obj1不是字符串,而是一个已渲染的dom对象(ul.children[1]),那么进行插入操作时,会移动这个dom节点到指定的位置,而不是复制一个这个节点。

转载地址:http://zezja.baihongyu.com/

你可能感兴趣的文章
我的第一次移动端页面制作 — 总结与思考
查看>>
Android 自定义 TabLayout
查看>>
js根据参数名获取url上的参数值
查看>>
emacs 进阶:了解命令
查看>>
App架构设计经验谈:接口的设计
查看>>
magento中的面包屑(breadcrumb)
查看>>
每周 Swift 社区问答 2016-01-13
查看>>
利用python进行识别相似图片(二)
查看>>
使用xmake编译工程
查看>>
Add Two Numbers
查看>>
Python数据结构——二叉搜索树的实现(上)
查看>>
Coding iPad 客户端开源——一个程序员的独白
查看>>
JS工厂模式
查看>>
Qt笔记:QDate、QTextCodec、QFileDialog以及Q_OBJECT
查看>>
【wordpress优化】压缩和使用静态缓存
查看>>
Fescar - RM 全局事务提交回滚流程
查看>>
新手上云
查看>>
程序员吐槽:看了上家写的一行注释,给气死了,可是又不敢删 ...
查看>>
工业物联网技术
查看>>
准实时异常检测系统
查看>>