如何在div中查找元素的位置答案

【问题标题】：how to find position of an element within a div如何在div中查找元素的位置
【发布时间】：2009-10-09 15:25:18
【问题描述】：

如何在 div 中查找元素的位置

例如：

 <div style="width:100px;overflow:hidden">
<img id="img_1" src=""/>
<img id="img_2" src=""/>
</div>
<input type="button" onclick"fnscroll()">

考虑隐藏第二张图片。

如何将第二个 img 带入 div 的可见区域？只需单击一个按钮。

如何找到img位置，即x-y位置

使用javascript

【问题讨论】：

标签： html

【解决方案1】：

如果您想将 div 中的每张图片定位在同一个位置，您可能需要考虑将位置样式设置为绝对位置并通过 javascript 更改图片的 z-index。

CSS 示例：

div img { position: absolute; top: 0; left:0; }
#img_1 {z-index: 1;}
#img_2 {z-index: 2;}

【讨论】：

【解决方案2】：

用 DOM 文档中的元素替换 <ELEMENT> 求x,y坐标

var x=<ELEMENT>.style.left
var y=<ELEMENT>.style.top

使用相同的属性将图像带到可见区域

如果你想要图像循环的绝对位置直到你找到body标签

【讨论】：