Вставить div-тег в начало страницы с помощью javascript

Question

У меня есть тег div с абсолютной позицией и сверху, слева = 0. Я хочу вставить перед div1 новый тег div id = 'div2', ту же позицию, абсолютную, левую, top = 0, и я хочу, чтобы div2 нажал div1 вниз, ничего не меняя div1. Но у меня только две одинаковые позиции. Пожалуйста, помогите мне.

<div id="div1" style ="width: 100%; height: 30px;display:block;position:absolute;left: 0px; top: 0px;">Content 1</div> 

    var div1 = document.getElementById("div1") 
    var div2 = document.createElement("div"); 
    div2.id = "div2"; 
    div2.style.display = "block"; 
    div2.style.position = "absolute"; 
    div2.style.left=0 + "px";   
    div2.style.top=0 + "px"; 
    document.body.insertBefore(div2,div1); 

В случае, если я не смог изменить атрибут div1, как я могу это сделать?

Answer 1

Попробуйте

div1.style.top = 30 + "px"; 

Изменение 30 к любой высоте имеет div2