用js怎么将一个div的坐标赋给另一个div
日期：2014-05-16 浏览次数：20474 次
用js如何将一个div的坐标赋给另一个div？
如题：有两个div：div1、div2
div1位置是固定的，用js怎么获取到div1的位置（既上边距、左边距），然后将上边距和左边距用js怎么赋给div2？
在不同浏览器是否操作也不一样？
求高手指导
------解决方案--------------------
obj.offsetTop
obj.offsetLeft
------解决方案--------------------
获得div的位置后 获得div2对象 然后用innerHTML写进去试试
------解决方案--------------------
如题：有两个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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
