dom方法insertAfter的实现

Posted 等风来

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了dom方法insertAfter的实现相关的知识，希望对你有一定的参考价值。

在dom的原生api中，只用insertBefore，没有insertAfter，借助原有的api，可以模拟一个insterAfter。

function insterAfter(newElement,targetElement){
     var parent = targetElement.parentNode;
     if(parent.lastChild == targetElement){
           parent.appendChild(newElement);
     }
     else{
           parent.insertBefore(newElement,targetElement.nextSibling);
     }              
}
先找父级元素，若目标元素为最后一个元素，直接append到父级末尾，
如果不是，则利用insertBefore插入到目标元素的下一个元素的前面

以上是关于dom方法insertAfter的实现的主要内容，如果未能解决你的问题，请参考以下文章

jQuery基础（DOM篇，append()，after()，prepend()，insertAfter()，节点删除，遍历方法each()）

JavaScript insertAfter DOM的函数

DOM的insertAfter函数

DOM—外部插入.after().before().insertAfter()和.insertBefore()与内部插入.prepend()和.prependTo()

[ jquery 文档处理 insertBefore(content) before(content|fn) ] 此方法用于把所有匹配的元素插入到另一个指定的元素元素集合的前面,实现外部插入(代码片段

5、dom 结构操作怎样添加、移除、移动、复制、创建和查找节点