如何撤消“surroundContents”在 JavaScript 中？

发布于 2024-08-08 22:39:43 字数 424 浏览 5 评论 0原文

我正在编写一个脚本，需要在页面上移动环绕节点元素。我发现当我这样做时，我移除了之前包裹的孩子。如何取消节点的子节点的嵌套，以便可以将该父节点移动到其他地方？

我在想这样的事情：

  var parg = document.getElementById("blah");

  if (parg.hasChildNodes())
   {
     var children = parg.childNodes;
     while (children.length > 0)
     {
      parg.insertBefore(parg.firstChild);
      parg.removeChild(parg.firstChild);
     };
   };

我猜测问题所在的那一行是“insertBefore”逻辑。

原文

I'm writing a script that needs to move a wrapping node element around on the page. I find that when I do this, I remove the previously wrapped children. How do I unnest the children of a node, so that I can move that parent node elsewhere?

I was thinking something like this:

  var parg = document.getElementById("blah");

  if (parg.hasChildNodes())
   {
     var children = parg.childNodes;
     while (children.length > 0)
     {
      parg.insertBefore(parg.firstChild);
      parg.removeChild(parg.firstChild);
     };
   };

The line that I'm guessing is the problem is the "insertBefore" logic.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

晚雾 2024-08-15 22:39:43

insertBefore 对元素节点进行操作并采用两个参数，
新节点以及新节点之前的节点。

function unwrap(who){
 var pa= who.parentNode;
 while(who.firstChild){
  pa.insertBefore(who.firstChild, who);
 }
}

//测试

展开(document.getElementById("blah"));

insertBefore operates on an element node and takes two arguments,
the new node, and the node the new node will precede.

function unwrap(who){
 var pa= who.parentNode;
 while(who.firstChild){
  pa.insertBefore(who.firstChild, who);
 }
}

//test

unwrap(document.getElementById("blah"));

回复收藏 0 原文

纸伞微斜 2024-08-15 22:39:43

您需要迭代第一级子元素并将其父元素分配给“包装器”元素的父元素。

也许是这样的：

if ( parg.hasChildNodes() ) {
     var children = parg.childNodes;

     for ( child in children ) {
        child.parentNode = parg.parentNode;
     }
}

You'll need to iterate over your first-level children and assign their parent to the "wrapper" element's parent.

Something like this, perhaps:

if ( parg.hasChildNodes() ) {
     var children = parg.childNodes;

     for ( child in children ) {
        child.parentNode = parg.parentNode;
     }
}

回复收藏 0 原文

~没有更多了~