html交换两个节点

紫微前端

于 2022-07-26 09:29:48 发布

阅读量237

点赞数

CC 4.0 BY-SA版权

分类专栏：常用代码片段文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/liuhao9999/article/details/125987965

常用代码片段专栏收录该内容

168 篇文章 ¥39.90 ¥99.00

订阅专栏

本文介绍如何使用JavaScript有效地交换HTML文档中的两个节点，确保在操作过程中保持DOM结构的正确性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下面的函数交换两个给定的节点，nodeA并且nodeB：

const swap = function (nodeA, nodeB) {
    const parentA = nodeA.parentNode;
    const siblingA = nodeA.nextSibling === nodeB ? nodeA : nodeA.nextSibling;

    // Move `nodeA` to before the `nodeB`
    nodeB.parentNode.insertBefore(nodeA, nodeB);

    // Move `nodeB` to before the sibling of `nodeA`
    parentA.insertBefore(nodeB, siblingA);
};