原生JS向后添加兄弟元素

作者: last_edc | 来源:发表于2016-12-06 17:17 被阅读1520次

function insertAfter(newNode,curNode){
    curNode.parentNode.insertBefore(newNode,curNode.nextElementSibling);
}

当前元素为最后一个元素时，nextElementSibling为null，insertBefore会在父元素的最后添加新元素，仍旧生效。

<div>
    <p id="first">元素1</p>
    节点2
    <p>元素3</p>
</div>

first的nextSibling是“节点2”，nextElementSibling是<p>元素3</p>

原生JS向后添加兄弟元素
1.实现函数当前元素为最后一个元素时，nextElementSibling为null，insertBefore会...
原生JS封装查找元素节点的方法
原生JS封装查找父元素节点的方法原生JS封装查找兄弟元素节点的方法插入子节点方法 12 2 divsiv...
dom增删改查
原生js 增若添加新元素：首先创建该元素节点，然后添加创建元素节点：document.createElemen...
原生js添加元素
原生js忘得有点快，话不多说，从今天开始立个flag，一点点总结起来！关键词：appendChild、inner...
普通元素绑定scroll滚动方法
普通元素添加scroll的问题，以原生js为例 scroll方法要加在外层视窗元素上，即那个限制了滚动区域的元素上...
原生js操作DOM元素的一些使用
1、原生js给DOM元素添加一个类名方法一：使用DOM.setAttribute("class","类名") ...
jQuery事件详解之$(document).ready()
在页面加载结束后，浏览器会通过js为dom元素添加事件。原生的js中使用window.onload方法;在JQ中使...
jQuery动态创建元素及添加节点
原生js中创建节点方法： document.write(" ");可以打开标准流，添加元素，再关闭标准流。该方法...
原生js通过点击获取元素及其兄弟元素
2020/8/23修改这是很早之前写DOM的时候弄的东西，事实上通过div.nextElementSibling代...
原生js给元素添加/删除类