【早阅】Chrome 133+ 全新 DOM 操作方法：moveBefore

文章预览

作者：@Bramus 原文：https://www.bram.us/2025/01/16/move-elements-around-the-dom-while-preserving-their-state-with-movebefore/ 背景 Chrome 133 版本（将于 2 月 4 日发布稳定版）引入了一个新的 DOM 操作方法： Node.prototype.moveBefore 。这一方法虽然看似简单，但其意义重大，因为它能够在移动 DOM 元素时保留元素的状态。传统的 DOM 移动操作通常需要先移除元素再重新插入，这会导致元素的状态重置，而  moveBefore  则避免了这一问题。 【第3444期】Chrome 131 开发者工具的新变化 要点 1、保留元素状态 moveBefore  方法能够在移动 DOM 元素时保留其状态，这意味着：内嵌框架 (iframe) 会保持加载状态，活动元素会保持焦点，弹出窗口、全屏模式、模态对话框会保持打开状态，CSS 过渡和动画会继续执行。 moveBefore 可以用于各种需要移动 DOM 元素并保留其状态的场景，例如： 拖放操作 动态排 ………………………………