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

Question

我有一个 div 标签，位置是绝对的，top，left = 0。我想在 div1 之前插入一个新的 div 标签 id = 'div2'，相同的位置是绝对的，left，top = 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的高度