insertAfter方法的实现

第一种:直接在父节点里面插入的情况

//直接在节点原型上新增方法
//target为需要插入的新节点,ele为在其后面插入新节点的原始节点
Element.prototype.insertAfter = function(target, ele){
	const nextEle = ele.nextSibling || ele.nextElementSibling;
	if(nextEle){
		this.insertBefore(target, nextEle);
	}else{
		this.appendChild(target);//ele为最后一个节点,可直接使用appendChild
	}
}

第二种:兄弟节点插入

//target为需要插入的新节点,ele为在其后面插入新节点的原始节点
function insertAfter(target, ele){
	const parent = ele.parentNode;
	if(parent.lastChild === ele){ //ele为最后一个节点,可直接使用appendChild方法
		parent.appendChild(target);
	}else{
		parent.insertBefore(target, ele.nextSibling || ele.nextElementSibling);
	}
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值