dom方法insertAfter的实现

最新推荐文章于 2022-07-24 17:07:00 发布

转载最新推荐文章于 2022-07-24 17:07:00 发布 · 192 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mengff/p/7082759.html

文章标签：

#java

本文介绍了一种使用原生DOM API实现insertAfter方法的技术方案。由于DOM API并未直接提供insertAfter方法，本文通过insertBefore和appendChild两个方法实现了该功能。具体步骤为：首先找到目标元素的父节点，判断目标元素是否为其父节点的最后一个子节点；如果是，则将新元素作为最后一个子节点追加到父节点上；如果不是，则将新元素插入到目标元素之后。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在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插入到目标元素的下一个元素的前面

转载于:https://www.cnblogs.com/mengff/p/7082759.html