Как переместить html блок с помощью js после определенного блока?

Question

[Алексей Гончаров]

Есть такой код:

<div>
  <div class="a1"></div>
  <div class="a2"></div>
  <div class="a3"></div>
  <div class="a4"></div>
  <div class="nado"></div>
</div>

Нужно с помощью чистого javascript переместить div с классом nado, чтобы он находился перед div с классом a3. Как такое сделать?

Answer 1

[Дима Паутов]

const a3 = document.querySelector('.a3');
const nado = document.querySelector('.nado');

a3.before(nado)

Comments

[Алексей Гончаров]

так легко? Почему я этого не знал? Прочитав даже всю книгу по js. Вы гений

[Дима Паутов]

Алексей Гончаров, это новые методы. Старые варианты будут выглядеть немного сложнее. Можете погуглить про insertBefore