“剪切和粘贴” - 使用 Javascript 移动 DOM 中的节点

2023-12-10

我的 html 代码大致如下:

<div id="id1">
  <div id="id2">
    <p>some html</p>
    <span>maybe some more</span>
  </div>
  <div id="id3">
    <p>different text here</p>
    <input type="text">
    <span>maybe even a form item</span>
  </div>
</div>

显然,还有更多的内容,但这就是基本思想。我需要做的是交换#id2和#id3的位置,所以结果是:

<div id="id1">
  <div id="id3">...</div>
  <div id="id2">...</div>
</div>

有谁知道有一个函数(我确信我不是第一个需要此功能的人)可以读取和写入两个节点(及其所有子节点)以便交换它们在 DOM 中的位置?


在这种情况下,document.getElementById('id1').appendChild(document.getElementById('id2'));应该可以解决问题。

更一般地,您可以使用insertBefore().

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

“剪切和粘贴” - 使用 Javascript 移动 DOM 中的节点 的相关文章