js 定位DIV

JavaScript030

js 定位DIV,第1张

Div绝对定位js代码

function showDiv(name)

{

var cf=document.getElementById("DivID")

var oImg=document.getElementById(name)

var eT=0,eL=0,p=oImg

var sT=document.body.scrollTop,sL=document.body.scrollLeft

var eH=oImg.height+25,eW=oImg.width

while(p&&p.tagName!="BODY"){eT+=p.offsetTopeL+=p.offsetLeftp=p.offsetParent}

cf.style.top=((document.body.clientHeight-(eT-sT)-eH>=cf.style.posHeight)?eT+eH:eT-cf.style.posHeight)-4

cf.style.left=((document.body.clientWidth-(eL-sL)>=cf.style.posWidth)?eL:eL+eW-cf.style.posWidth)

}

1、新建一个html文件。

2、在html页面上创建一个点击的button按钮。

3、为button添加点击时创建一个新的div事件。使用document.createElement("div")创建一个新的div，然后使用innerHTML对新建的div设置内容，最后把div放到<body>显示。

4、为button按钮添加点击是创建新div事件。

5、保存好html文件后使用浏览器打开，点击button按钮会执行已经写好的创建div的事件。