使用javascript将div标签插入页面顶部

Question

我有一个div标签位置绝对，顶部，左边= 0.我想在div1之前插入一个新的div标签id ='div2'，相同的位置绝对，左，顶部= 0，我想div2将在不改变div1的任何内容的情况下向下推div1。但我只有两个div相同的位置。请帮帮我。

 <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的高度