如何将一个div中的a标签放在另一个div的a标签之前

[gigi-qiqi]

求各位大神帮忙，

如下：
<div class="div1">
<div id="div2">
<a id="a1"></a>
<a id="a2"></a>
</div>
<div id="div3">
<a id="a3"></a>
<a id="a4"></a>
</div>
</div>
需要把a3放在a1前面。

多谢各位！

[gigi-qiqi]

补充一下，需要用js写，再次感谢

[似梦飞花]

insertBefore

[gigi-qiqi]

引用 2 楼 zzgzzg00 的回复:

insertBefore

谢谢回复 insertBefore之后怎么显示？用html()？

[洒脱的护心毛]

如果是

jquery  就是$("#a1").before("#a3");

原声js

var a1 = document.getElementById('a1');
var a3 = document.getElementById('a3');
a1.insertBefore(a3);

[当作看不见]

楼上正解,可以结帖啦

[洒脱的护心毛]

引用 4 楼 weixin_37557926 的回复:

如果是

jquery  就是$("#a1").before("#a3");

原声js

var a1 = document.getElementById('a1');
var a3 = document.getElementById('a3');
a1.insertBefore(a3);

补充一下，写错了 原声js代码更正

  var div1 = document.querySelector('div1');//获取父元素,这个可以获取class属性
  var a1 = document.getElementById('a1');//获取a1
   var a3 = document.getElementById('a3');//获取a2
    div1.insertBefore(a3,a1);//将a3移动到a1恰面

[gigi-qiqi]

引用 4 楼 weixin_37557926 的回复:

如果是

jquery  就是$("#a1").before("#a3");

原声js

var a1 = document.getElementById('a1');
var a3 = document.getElementById('a3');
a1.insertBefore(a3);

谢谢回复！ 我用$("#a1").before("#a3")，页面没变化，是需要刷新一下吗