js调整两个div的先后顺序

js调整两个div的先后顺序

叙述

代码

<div class='parents'>
  <div class='child1'></div>
  <div class='child2'></div>
  <div class='child3'></div>
</div>

mounted(){
   
   
const content = document.getElementsByClassName('child3');
  const parent = content[0].parentNode;
  parent.insertBefore(content[0], parent.firstChild);
},

报错

如果报错insertBefore xxxxxxxx，那就打印一下content和parent是不是标签。这两个变量必须是标签才行。