Javascript包装元素并在同一位置插入

Javascript包装元素并在同一位置插入,javascript,Javascript,我有以下代码 this.newWrap=document.createElement(“div”); this.newWrap.classList.add('xxx'); this.newWrap.appendChild( document.querySelector('.two') ); document.querySelector('.wrap').insertBefore( 这个,新包装, document.querySelector('.three') ); .xxx{ 背景颜色:橙色

我有以下代码

this.newWrap=document.createElement(“div”);
this.newWrap.classList.add('xxx');
this.newWrap.appendChild(
document.querySelector('.two')
);
document.querySelector('.wrap').insertBefore(
这个,新包装,
document.querySelector('.three')
);
.xxx{
背景颜色:橙色;
}

一个
二
三
四
五
现在我想插入
this.newWrap
,使用我用来包装元素的相同选择器

如果您指的是同一父对象,并且位于该父对象的子列表中的同一位置,则在移动要包装的元素之前,确实要使用
insertBefore

this.newWrap=document.createElement(“div”);
this.newWrap.classList.add('xxx');
var toWrap=document.querySelector('.two');
toWrap.parentNode.insertBefore(this.newWrap,toWrap);
this.newWrap.appendChild(toWrap)
.xxx{
背景颜色:橙色;
}

一个
二
三
四
五
确实很简单(facepalm)。谢谢你,一如既往,非常感谢!