读书人

用js怎么将一个div的坐标赋给另一个div

发布时间: 2012-08-03 00:12:14 作者: rapoo

用js如何将一个div的坐标赋给另一个div?
如题:有两个div:div1、div2
div1位置是固定的,用js怎么获取到div1的位置(既上边距、左边距),然后将上边距和左边距用js怎么赋给div2?
在不同浏览器是否操作也不一样?
求高手指导

[解决办法]
obj.offsetTop
obj.offsetLeft
[解决办法]
获得div的位置后 获得div2对象 然后用innerHTML写进去试试
[解决办法]

JScript code
uploadpic.style.top=tp+'px';//加单位试试
[解决办法]
用getBoundingRect函数可以获得节点的绝对位置信息,但是设置节点的绝对位置好像没有什么好方法,如果节点的position为absolute时,style中的left和top可以用来绝对定位,下面是个例子
JScript code
<html><head><script>function test() {    var obj1 = document.getElementById("obj1");    var obj2 = document.getElementById("obj2");    var rect = obj1.getBoundingClientRect();    obj2.style.left = rect.left;    obj2.style.top = rect.top;}</script></head><body onload="test()"><div id="obj1" style="position:absolute;left:200px;top:200px;width:100px;height:100px;background-color:red;"></div><div id="obj2" style="position:absolute;left:100px;top:100px;width:50px;height:50px;background-color:yellow;"></div></body></html> 

读书人网 >JavaScript

热点推荐