码迷,mamicode.com
首页 > 其他好文 > 详细

dom方法insertAfter的实现

时间:2017-06-26 23:59:23      阅读:408      评论:0      收藏:0      [点我收藏+]

标签:dom   function   ast   目标   insert   node   blog   logs   pre   

在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的实现

标签:dom   function   ast   目标   insert   node   blog   logs   pre   

原文地址:http://www.cnblogs.com/mengff/p/7082759.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!