如何利用js向指定位置添加一个div层？

把外链接的JS加载到body后面，在这个JS里面用类似这样的代码：

var div = document.createElement('div') // 新增元素

var diva = document.getElementById('a') // 获取id为a的元素 diva.parentNode.insertBefore(div, diva) // 在这个元素前面增加上去

方法：

这个用绝对定位就可以搞定了。

position:absolute

举个例子：

1.css代码

.div1{height:30px width:100% background:#fff position:relative z-index:1}

.div2{height:30px width:100% background:#f00 position:absolute top:0px left:0 z-index:2}

2.html代码

<div class="div1"><div class="div2"></div></div>

这样子div2就能完全覆盖在div1上了。

拓展资料：

DIV（层叠样式表单元的位置和层次）

DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。DIV在编程中又叫做整除，即只得商的整数。 DIV元素是用来为HTML（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。

一、定义

<div>可定义文档中的分区或节（division/section）。

<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。

注释：<div>是一个块级元素，也就是说，浏览器通常会在 div 元素前后放置一个换行符。

提示：请使用 <div>元素来组合块级元素，这样就可以使用样式对它们进行格式化。

二、用法

<div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div>固有的特定的格式表现。可以通过 <div>的 class 或 id 应用额外的样式。

不必为每一个 <div>都加上类或 id，虽然这样做也有一定的好处。

可以对同一个 <div>元素同时应用 class 和 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的特定的元素。

百度百科      DIV    

---