Как вставить элемент в начало js

Для того, чтобы вставить один элемент в начало другого элемента (в DOM-дереве), можно использовать метод prepand():

const container = document.getElementById('foo');
const newDiv = document.createElement('div');
newDiv.innerHTML = 'Hello, World!';
container.prepend(newDiv);

Если до выполнения кода условный container содержал в себе такие элементы:

1. div
2. div
3. div

То после выполнения кода структура container станет такой:

1. newDiv
2. div
3. div
4. div

Для того, чтобы вставить элемент в начало другого элемента можно использовать метод prepand():

let divElement = document.getElementById('foo');
let otherDiv = document.createElement('div');
otherDiv.innerHTML = 'Hello, World!';
divElement.prepend(otherDiv);