insertAfter()

<div id="b">bbbbbbbbb</div>
<div>dddddd</div>

JavaScript

window.οnlοad=function(){var a =document.createElement("span");var b =document.createTextNode("cssrain");a.appendChild(b);var mubiao = document.getElementById("b");insertAfter(a,mubiao); }function insertAfter(newElement,targetElement) {var parent = targetElement.parentNode;if (parent.lastChild == targetElement) {// 如果最后的节点是目标元素，则直接添加。因为默认是最后parent.appendChild(newElement);} else {parent.insertBefore(newElement,targetElement.nextSibling);//如果不是，则插入在目标元素的下一个兄弟节点的前面。也就是目标元素的后面。}}

转载于:https://www.cnblogs.com/mingjixiaohui/p/5246362.html

insertAfter()相关推荐

js：appendChild、insertBefore和insertAfter
web/Win8开发中经常要在js中动态增加一些element,就需要用到下面的一些方法: appendChild: target.appendChild(newChild) newChild作为ta ...
手写js的insertAfter
function insertAfter(newElement, targetElement) {var parent = targetElement.parentNode;if(parent.las ...
insertAfter
function insertAfter(newElement,targetElement){var parent = targetElement.parentNode;if(parent.lastC ...
[JQuery]用InsertAfter实现图片走马灯展示效果
写在前面最近一个搞美工的朋友让我给他写一个图片轮播的特效. 需求: 图片向左循环滚动. 图片滚动到中间高亮显示,并在下方显示照片人物对应的信息. 鼠标悬停止滚动. 鼠标离开开始滚动. 单击图片,图片 ...
创建原生JS insertafter()方法实现
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 < ...
js insertBefore insertAfter appendChild
首先从定义来理解这两个方法: appendChild() 方法:可向节点的子节点列表的末尾添加新的子节点.语法:appendChild(newchild) insertBefore() 方法:可在 ...
jQuery中append、insertBefore、after与insertAfter方法注意事项
jQuery中append.appendTo.prepend.prependTo.before.insertBefore.after与insertAfter方法注意事项这里列的是针对初学jQuery ...
JQuery中html、append、appendTo、after、insertAfter系列方法
2019独角兽企业重金招聘Python工程师标准>>> html方法,给元素添加html代码或者清空html代码(参数为空字符串): append向元素的末尾添加html代码: ap ...
php中append,插入节点append()、insertAfter()的特殊用法：对原有DOM元素进行移动
插入节点的方法: append()/appendTo().prepend()/prependTo().after()/insertAfter().before/insertBefore() 这些插入节 ...

insertAfter()

insertAfter()相关推荐

最新文章

热门文章