Чтобы добавить соседние элементы HTML с помощью JavaScript, вы можете использовать несколько методов. Вот несколько часто используемых методов:

1. Использование метода InsertAdjacentHTML():
   Метод insertAdjacentHTML()позволяет вставлять HTML рядом с элементом. Он принимает два аргумента: позицию, в которую должен быть вставлен HTML, и строку HTML, которую нужно вставить. Возможные позиции:
   • 'beforebegin': вставляет элемент HTML как предыдущий одноуровневый элемент.
   • 'afterbegin': вставляет HTML-элемент в качестве первого дочернего элемента.
   • 'beforeend': вставляет элемент HTML как последний дочерний элемент.
   • 'afterend': вставляет HTML-элемент как следующий одноуровневый элемент.

Пример использования:

const element = document.getElementById("myElement");
element.insertAdjacentHTML("afterend", "<div>New HTML element</div>");

2. Использование метода InsertAdjacentElement():
   Подобно insertAdjacentHTML(), метод insertAdjacentElement()позволяет вставлять элемент рядом с другим элементом. Вместо передачи строки HTML вы передаете реальный элемент.

Пример использования:

const element = document.getElementById("myElement");
const newElement = document.createElement("div");
newElement.textContent = "New HTML element";
element.insertAdjacentElement("afterend", newElement);

3. Использование метода InsertBefore():
   Метод insertBefore()вставляет узел перед ссылочным узлом в качестве дочернего элемента родительского узла ссылочного узла. Вы можете использовать его для вставки элементов HTML рядом друг с другом, указав родительский узел и указав ссылочный узел.

Пример использования:

const parent = document.getElementById("parentElement");
const referenceNode = document.getElementById("referenceElement");
const newElement = document.createElement("div");
newElement.textContent = "New HTML element";
parent.insertBefore(newElement, referenceNode.nextSibling);

4. Использование свойства nextElementSibling:
   Этот подход позволяет добавить элемент в качестве родственного сразу после другого элемента, нацелив его на следующего родственного элемента и используя метод insertAdjacentElement().

Пример использования:

const element = document.getElementById("myElement");
const newElement = document.createElement("div");
newElement.textContent = "New HTML element";
element.nextElementSibling.insertAdjacentElement("beforebegin", newElement);