定义： insertBefore() 方法在您指定的已有子节点之前插入新的子节点。 语法： 父级.insertBefore(新的子节点,指定的已有子节点) 实例： 当ul中没有li时oUl.insertBefore(oLi, aLi[0]);会报错，所以判断aLi.length为0时使用oUl.ap ...
分类：
其他好文 时间：
2016-12-29 11:13:59
阅读次数：
350
原理：使用insertBefore和insertAfter方法调整图片顺序。 测试：firefox/chrome/IE11正常 已知不足：每次播放均使用了一次insertBefore和insertAfter，可考虑在最后一张图的时候将前几张图片整体后移。以后有空再优化。 1、HTML结构 alt的值 ...
分类：
其他好文 时间：
2016-12-18 15:03:47
阅读次数：
398
我们一般用原生js创建元素用document.creatElement方法，创建完毕之后一般用appendChild方法添加到元素里边，不过这种方法会自动添加到元素的末尾。 如果我们想添加到元素的开头怎么办呢？ 用insertBefore方法 具体用法： 父元素.insertBefore(新创建的元 ...
分类：
其他好文 时间：
2016-12-06 11:28:56
阅读次数：
208
appendChild（） 剪切原先节点到新的节点里面，原先的节点会被删掉 insertBefore（） 在最后一个节点之前插入 insertBefore（node，null） replaceChild（） cloneNode（） 片段 normalize（） parentNode childNod ...
分类：
其他好文 时间：
2016-11-19 01:48:20
阅读次数：
149
1、添加：①var a=document.createElement（“a”）；②设置关键属性；③将元素添加到DOM树：a、parent.appendChild（a）；b、parent.insertBefore（a，old）；c、parent.replaceChlid（a，old）； 2、优化：尽量 ...
分类：
其他好文 时间：
2016-11-12 23:33:29
阅读次数：
336
本章内容： 1、动态创建html内容的“老”技巧：document.write()和innerHTML属性 2、DOM方法：createElement(),creatTextNode(),appendChild(),insertBefore(). 一、document.write() 语法：docu ...
分类：
Web程序 时间：
2016-11-08 13:24:10
阅读次数：
170
1、添加：①var a=document.createElement（“a”）；②设置关键属性；③将元素添加到DOM树：a、parent.appendChild（a）；b、parent.insertBefore（a，old）；c、parent.replaceChlid（a，old）； 2、优化：尽量 ...
分类：
其他好文 时间：
2016-11-02 00:39:56
阅读次数：
221
insertBefore()方法将把一个给定的节点插入到一个给定元素节点的给定子节点前面，他返回一个指向新增子节点的引用指针： 如上所示，节点newNode将被插入元素节点element并出现在节点targetNode的前面。节点targetNode必须是element元素的一个子节点。如果targ ...
分类：
其他好文 时间：
2016-10-31 13:39:23
阅读次数：
186
最近一些项目中，我经常遇到对元素进行排序操作的需求，包括：上移、下移、置顶、置底。那么这些操作如何实现呢？ 上移，简言之就是将需要上移的元素和它前面元素交换位置，使用insertBefore(),大致思路为： 下移，类似上移，将需要下移的元素和它后面的元素交换位置，使用insertAfter(),大 ...
分类：
编程语言 时间：
2016-10-27 19:31:54
阅读次数：
373
操作dom树 ** appendChild方法 - 添加子节点到末尾 - 特点：类似于剪切黏贴的效果 ** insertBefore(newNode,oldNode)方法 - 在某个节点之前插入一个新的节点 - 两个参数 * 要插入的节点 * 在谁之前插入 - 插入一个节点，节点不存在，创建 1、创 ...
分类：
其他好文 时间：
2016-10-26 22:24:34
阅读次数：
147
