Javascript 修改和切换浮动元件的位置

如何修改浮动元素的位置？可以使用简单的HTML/CSS吗？如果不是，那么使用JavaScript和/或不使用jQuery的最简单方法是什么

---

示例：

最简单的方法是使用

insertAfter

方法拾取第一个元素并将其放在第三个元素之后。他们选择第四个元素，并使用

insertBefore

在行中的第一个元素之前插入。但使用这种方法可能会造成这样的情况，在重新排列的瞬间，元素将在一段时间内处于错误的位置

第二种方式可能是这样的：

用

位置：relative

将所有5个元素包装在某个包装器中

在切换元素之前，获取每个元素的位置（例如jQuery的

position

方法）并为其设置（

top

，

left

等），另外向元素添加

位置：绝对

隐藏第一个和第四个元素-其他元素将保留在它们的位置，因为它们绝对定位

将拆下的元件放在正确的位置

删除以前添加的css属性 元件应保持原位，并在不移动其他元件的情况下进行更换