JavaScript
insertBefore与insertAfter
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区JavaScript DOM编程艺术
我最近看这个，看到动态创建html；介绍的insertBefore函数，没有insertAfter函数，然后作者便自己创建一个insertAfter函数，代码如下
function insertAfter(newElement,targetElement) {
var parent = targetElement.parentNode;
if (parent.lastChild == targetElement) {
parent.appendChild(newElement);
} else {
parent.insertBefore(newElement,targetElement.nextSibling);
}
}
我的问题在这个lastChild上
比如：
<body>
<p id="test">xxx</p>
</body>
var pObj=document.getElementById("test");
然后我创建一个元素对象A，要插在pObj后
insertAfter(A,pObj);
pObj.parentNode是body，body的lastChild应该是文本节点xxx才对。也就是说对象A应该插在元素节点与文本节点之间。但是书中效果又不是这样的。有没有人看过这个函数，怎么理解的？
我最近看这个，看到动态创建html；介绍的insertBefore函数，没有insertAfter函数，然后作者便自己创建一个insertAfter函数，代码如下
function insertAfter(newElement,targetElement) {
var parent = targetElement.parentNode;
if (parent.lastChild == targetElement) {
parent.appendChild(newElement);
} else {
parent.insertBefore(newElement,targetElement.nextSibling);
}
}
我的问题在这个lastChild上
比如：
<body>
<p id="test">xxx</p>
</body>
var pObj=document.getElementById("test");
然后我创建一个元素对象A，要插在pObj后
insertAfter(A,pObj);
pObj.parentNode是body，body的lastChild应该是文本节点xxx才对。也就是说对象A应该插在元素节点与文本节点之间。但是书中效果又不是这样的。有没有人看过这个函数，怎么理解的？
...全文
相关推荐
JavaScript之appendChild、insertBefore和insertAfter使用说明
本文主要聚焦于appendChild、insertBefore和insertAfter这三个核心方
jQuery中的insertBefore(),insertAfter(),after(),before()区别介绍
insertAfter()方法的行为与insertBefore()类似，只不过它将元素插入到了参照元素的后面。使用方法也很相似，同样是提供两个参数，第一个是要移动的元素，第二个是参照元素。
JS的insertBefore与insertAfter实现[源码]
无论是直接使用insertBefore方法还是通过逻辑判断间接实现insertAfter方法，这些操作都是DOM编程中不可或缺的部分。掌握它们对于创建动态和互动的网页至关重要。
jQuery中append、insertBefore、after与insertAfter方法注意事项
同时，appendTo、prependTo、insertBefore和insertAfter则是对应的以元素为目标的选择器方法。
jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)
其中，对节点进行插入和移动操作是非常常见的需求，而jQuery通过提供了一组简单易用的方法来实现这些操作，本文将详细介绍其中的insertAfter和insertBefore方法。
