javascript - 在没有jquery的javascript中重新排序div

可以说我有html：

<div id="1">1</div>
<div id="2">2</div>
<div id="3">3</div>

我将如何在javascript中而不是jquery中将这些div重新排序为：

<div id="1">1</div>
<div id="3">3</div>
<div id="2">2</div>

最佳答案

您可以使用display:flex和order css（我必须在ID号之前添加一个字母，因为对于css似乎不太喜欢）

.container {display:flex; flex-direction:column}
#s1 {order:1;}
#s2 {order:3;}
#s3 {order:2;}

<div class="container">
  <div id="s1">1</div>
  <div id="s2">2</div>
  <div id="s3">3</div>
</div>

More information about order

More information about flex

更新资料

抱歉，您看错了这个问题-以为您想在没有js的情况下进行操作

var div = document.getElementById('3')

div.parentNode.insertBefore(div, document.getElementById('2'))

      <div id="1">1</div>
      <div id="2">2</div>
      <div id="3">3</div>

关于javascript - 在没有jquery的javascript中重新排序div，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32458286/