在现有元素后插入一个元素

前篇笔记中写到在现有元素前插入一个元素的方法(insertBefore),
那DOM会不会提供一个在目标元素后插入一个元素的方法呢。
很遗憾,DOM并没有提供这一个方法;
那就让我们来写一个这个方法吧
function insertAfter(newElement,targetElement){
    var parent = targetElement.parentNode;
    if(parent.lastChild == targetElement){
        parent.appendChild(newElement);
    }
    else{
        parent.insertBefore(newElement,targetElement.nextSibling);
    }
}

其中,解释一下nextSibling这个属性,

targetElement.nextSibling

这个属性获得的是目标元素的下一个兄弟元素
所以,我们也可以利用现有的方法,写一个新的方法出来。!!!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  •   DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API(应用程序编程接口)。   DOM 描绘...
    霜天晓阅读 3,944评论 0赞 7
  •   DOM 1 级主要定义的是 HTML 和 XML 文档的底层结构。   DOM2 和 DOM3 级则在这个结构...
    霜天晓阅读 1,712评论 1赞 3
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,787评论 1赞 11
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 3,029评论 0赞 8
  • 通过前面的学习,我们都知道,DOM并不一定要由存在于HTML中的元素组成。我们仅需要使用几行JavaScript代...
    一个敲代码的前端妹子阅读 657评论 0赞 0

友情链接更多精彩内容