Добавить дочерний элемент в начало div в JavaScript

Чтобы добавить дочерний элемент в начало элемента

в JavaScript, вы можете использовать несколько методов. Вот три часто используемых подхода:

Метод 1: insertBefore

var parentDiv = document.getElementById("yourDivId");
var newChild = document.createElement("div");
parentDiv.insertBefore(newChild, parentDiv.firstChild);

Метод 2: метод prependне поддерживается в старых браузерах.

var parentDiv = document.getElementById("yourDivId");
var newChild = document.createElement("div");
parentDiv.prepend(newChild);

Метод 3: appendChildи insertAdjacentElement

var parentDiv = document.getElementById("yourDivId");
var newChild = document.createElement("div");
parentDiv.insertBefore(newChild, parentDiv.firstChild);

Эти методы позволяют добавить новый дочерний элемент в начало элемента

в JavaScript.