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

【问题标题】：Insert div tag to top of page with javascript使用javascript将div标签插入页面顶部
【发布时间】：2014-01-10 15:06:28
【问题描述】：

我有一个绝对位置的 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 的任何属性，我该怎么做？

【问题讨论】：

那你不能有position:absolute
移除绝对位置

标签： javascript jquery css html append

【解决方案1】：

试试

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

将 30 更改为 div2 的高度

【讨论】：