insertAfter()方法

最新推荐文章于 2021-08-17 11:51:28 发布

原创最新推荐文章于 2021-08-17 11:51:28 发布 · 257 阅读

0 ·

CC 4.0 BY-SA版权

Javascript学习专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个实用的方法来实现在DOM中现有元素之后插入新的元素。由于DOM并未直接提供insertAfter方法，本文提供了一段JavaScript代码实现这一功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

DOM中提供了insertBefore()方法，但是却未曾提供insertAfter()方法，找资料找到一个比较好的方法

/**
	新增一个元素到现有元素的后面
	@param  newElement:新增元素节点
	@param  targetElement:现有元素节点
**/
function insertAfter(newElement,targetElement){
	var parent = targetElement.parentNode;  //获取父元素节点
	if( parent.lastChild == targetElement){		//为最后一个元素，只需插入子元素
		parent.appendChild(newElement);
	}else{
		parent.insertBefore(newElement,targetElement.nextSibling);	
	}
}