javascript - 插入一个 div 元素作为父元素

Question

我只是想知道以下是否可能，假设我们有一个 dom 元素，并且我们想将此元素包装在 div 中。因此，在该元素与其父元素之间插入了一个 div。然后 div 成为该元素的新父元素。

但让事情变得复杂的是，我们在其他地方已经做了类似的事情:

var testElement = document.getElementByID('testID')

其中 testID 是要在 div 中变形的元素的子元素。那么在我们完成插入之后 testElement 仍然有效吗？

顺便说一句:我没有使用 jquery。

有什么想法吗？

谢谢

阿杰

Answer 1

您可以使用replaceChild ^[docs] :

// `element` is the element you want to wrap
var parent = element.parentNode;
var wrapper = document.createElement('div');

// set the wrapper as child (instead of the element)
parent.replaceChild(wrapper, element);
// set element as child of wrapper
wrapper.appendChild(element);

只要您不使用 innerHTML(它会销毁和创建元素)，对现有 DOM 元素的引用就不会更改。