🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Функция находится в статусе ограниченной доступности в Baseline.

moveBefore () — это метод DOM, который позволяет вставить один элемент перед другим, сохраняя их состояние. Это удобно, если нужно переместить элемент, не вызывая перерисовку или сброс важной информации, например, фокус или анимацию.

Пример:

const element = document.querySelector('.item');
const reference = document.querySelector('.reference');
reference.parentNode.insertBefore(element, reference);

или его можно выполнить через moveBefore() — если он реализован или вы его добавите как расширение. Тогда код будет более читаемым и лаконичным. Таким образом, вы можете аккуратно управлять порядком элементов, не ломая их внутреннее состояние.

Больше обзоров веб-функций — в телеграм-канале HTML Academy.

Нашли ошибку или опечатку? Напишите нам.