insertBefore()

Вставляет новый узел перед указанным существующим потомком.

Сигнатураparent.insertBefore(newNode, refNode)

Вставляет newNode непосредственно перед refNode внутри родителя. Если refNode равен null, узел добавляется в конец (как appendChild).

// <ul><li id="b">B</li></ul>
const ul = document.querySelector('ul');
const ref = document.querySelector('#b');
const li = document.createElement('li');
li.textContent = 'A';
ul.insertBefore(li, ref); // A, B
← Все записи: DOM API в JavaScript
Поддержать проект