使用appendChild(),insertBefore()的一个小问题
来源:互联网 发布:淘宝游戏交易平台网址 编辑:程序博客网 时间:2024/06/04 19:08
原文链接:http://blog.csdn.net/yuhero_bbs/article/details/44753353
使用appendChild()和insertBefore()插入节点都会返回给插入的节点,
值得注意的是,如果这两种方法插入的节点原本已经存在与文档树中,那么该节点将会被移动到新的位置,而不是被复制。
在这段代码中,页面输出的结果和没有Javascript时是一样的,元素并没有被复制,由于元素本来就在最后一个位置,所以就和没有操作一样。如果把id为test的元素的两个子元素点换位置,就可以在firbug中看到这两个div已经被调换了位置。如果我们希望把id为a的元素复制一个,然后添加到文档中,那么必须使被复制的元素现脱离文档流。这样被添加复制的节点被添加到文档中之后就不会影响到文档流中原本的节点。即我们可以把复制的元素放到文档的任何地方,而不影响被复制的元素。下面使用了cloneNode()方法,实现节点的深度复制,使用这种方法复制的节点会脱离文档流。当然,我不建议使用这种方法复制具有id属性的元素。因为在文档中id值是唯一的。
相似的操作方法还有 removeNode(node)删除一个节点,并返回该节;replaceNode(newNode,node)替换node节点,并返回该节点。这两种方法相对来说更容易使用一些。
阅读全文
0 0
- 使用appendChild(),insertBefore()的一个小问题
- appendChild /insertBefore 的错误
- appendChild() , insertBefore()插入节点需注意的问题
- appendChild() , insertBefore()插入节点需注意的问题
- appendChild() , insertBefore()插入节点需注意的问题
- appendChild() , insertBefore()插入节点需注意的问题
- JS中appendChild()与insertBefore()方法的使用
- appendChild() 或 insertBefore()使用与区别
- 关于createElement、appendChild和insertBefore的用法
- JS插入节点的方法appendChild、insertBefore
- appendChild、removeChild、insertBefore、createElement、cloneNode的区别;
- insertBefore 与 appendChild
- insertBefore、cloneNode、appendChild...
- appendChild 与 insertBefore
- js insertBefore insertAfter appendChild
- JS:appendChild()和insertBefore()
- JS appendChild和insertBefore
- 碎碎念:一个小例子来记忆下XML DOM的appendChild和removeChild的使用
- 虚拟机下centos6.5系统redis集群安装
- CentOS 7.0 使用 yum 安装 MariaDB 与 MariaDB 的简单配置
- 我对C语言的印象,象雾象雨又象风。
- Hive小文件合并汇总
- Spring框架学习之高级依赖关系配置(一)
- 使用appendChild(),insertBefore()的一个小问题
- 欢迎使用CSDN-markdown编辑器
- Elasticsearch使用过程中问题总汇(一)
- AutoLayout 安卓全新的适配方式
- Andriodjie——自定义头布局
- Text Autosizer&&解决移动端网页文本字体怪异增大问题
- Oracle:对行进行分组GROUP BY
- 51nod 1416两点问题(DFS)
- Excel根据批注的内容自动调整批注大小