美文网首页
在现有元素后插入一个元素

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

作者: Leaf_Ysm | 来源:发表于2018-11-10 15:16 被阅读0次
前篇笔记中写到在现有元素前插入一个元素的方法(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

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

相关文章

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

    前篇笔记中写到在现有元素前插入一个元素的方法(insertBefore), 那DOM会不会提供一个在目标元素后插入...

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

  • DOM 操作写法示例

    选取元素 遍历元素 创建元素 复制元素 元素的末尾插入子元素 元素的开始插入子元素 当前元素前面插入元素 当前元素...

  • jQuery 写法示例

    选择元素 遍历元素 创建元素 复制元素 元素的末尾插入子元素 元素的开始插入子元素 当前元素前面插入元素 当前元素...

  • Java数据结构总结(一)

    List (有序可重复) List列表允许存储相同元素,插入元素和按照下标获取元素方便,具体实现有ArrayLis...

  • 8. C++中各类容器的特点

    1. vector的特点 内存特点: 内存空间连续,随机访问效率高。插入删除:插入或者删除某个元素,需要将现有元素...

  • java中插入排序

    分析,如果要插入的元素小于最后一个元素,那么插入元素肯定会插入到最后一个元素之前,那么最后一个元素的下标肯定要加1...

  • 解决for循环插入同一元素无法重复插入问题

    年前在开发项目是需要用js在一个div元素里插入一个元素,而且要重复插入n次,发现无论怎样都只能插入一个元素,无论...

  • splice 用法

    splice 的功能: 删除元素/ 插入元素/ 替换元素 删除元素的用法: 替换元素 插入元素, 和替换元素的差别...

  • insertBefore()

    在已有元素前插入一个新元素 在调用这个方法前,需要知道以下三件事: 1.新元素:你想要插入的元素(newEleme...

网友评论

      本文标题:在现有元素后插入一个元素

      本文链接:https://www.haomeiwen.com/subject/oybzxqtx.html