我的 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(使用前将#替换为@)