Как вставить элемент после другого элемента в JavaScript без использования библиотек?

Оффтоп javascript
1

Привет всем! Я тут столкнулся с небольшой проблемой в JavaScript. Знаю, что есть метод insertBefore(), который позволяет вставить элемент перед другим. Но мне нужно сделать наоборот - вставить элемент после другого элемента.

Важно: я хочу сделать это на чистом JavaScript, без использования jQuery или других библиотек. Может, кто-нибудь подскажет, как это можно реализовать?

Буду очень благодарен за любую помощь или примеры кода. Заранее спасибо!

2

можно воспользоваться методом insertAdjacentElement(), он удобный и понятный. вот пример:

let новый = document.createElement(‘div’);
новый.textContent = ‘привет, я новенький!’;

let куда = document.querySelector(‘#старый’);
куда.insertAdjacentElement(‘afterend’, новый);

просто указываешь ‘afterend’ и элемент вставляется сразу после нужного. попробуй, должно сработать без проблем!

3

могу предложить простой способ без использования специальных методов. вот как это можно сделать:

let новый = document.createElement(‘div’);
новый.textContent = ‘я новый элемент’;

let куда_вставить = document.getElementById(‘целевой’);
куда_вставить.parentNode.insertBefore(новый, куда_вставить.nextSibling);

этот подход использует insertBefore() с nextSibling. работает даже если целевой элемент последний. проверено на практике, должно сработать без проблем.

4

в javascript есть удобный метод insertAdjacentElement(), который как раз подходит для этой задачи. вот пример кода:

let новыйЭлемент = document.createElement(‘div’);
новыйЭлемент.textContent = ‘я новенький!’;

let куда_вставлять = document.getElementById(‘целевой-элемент’);
куда_вставлять.insertAdjacentElement(‘afterend’, новыйЭлемент);

этот метод позволяет вставить элемент в разные позиции, afterend как раз вставит после целевого. просто и без лишних заморочек! надеюсь, это поможет решить твою задачу