window.onload=function(){
varbtn=document.getElementById("btn1");
btn.onclick=function(){
insertEle();
}
}
functioninsertEle(){
varoTest=document.getElementById("div1");
varnewNode=document.createElement("div");
varreforeNode=document.getElementById("2");
oTest.insertBefore(newNode,reforeNode.nextSibling);
}
什么是DIV元素
DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。 CSS单元的位置和层次-div标签 div接口=数字图像数据接口 我们都知道,在网页上利用HTML定位文字和图像是一件“令人心痛”的事情。我们必须使用表格标签和隐式GIF图像,即使这样也不能保证定位的精确,因为浏览器和操作平台的不同会使显示的结果发生变化。 而CSS能使你看到希望的曙光。利用今天我们即将学到的CSS属性,你可以精确地设定要素的位置,还能将我在一个DIV里面又加了DIV,怎么样设置第二个DIV的位置啊?
不知道能不能帮到你
position:absolute是相对于已经定位的父级容器 如果父容器已定位absolute或是relative 容器里的元素可以起作用
下面给个小例子:
*{margin:0; padding:0;}
#container {width:512px; height:384px; background:#aaa; margin:0 auto; position:relative;}
#inner{width:200px; height:200px; background:#eee; position:absolute; left:50px;}