如何找到一個元素的位置，一個div

Question

內如何找到一個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的可見區域？點擊一下按鈕。

如何使用JavaScript

Answer 1

找到IMG位置即XY位置

與DOM文檔 元素替換<ELEMENT>要查找x，y座標

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

使用相同的屬性，使圖像到可見區域

如果你想要圖像的絕對位置循環它直到你找到身體標記

Answer 2

如果您想要將div中的每個圖像放在同一位置，您可能需要考慮將位置樣式設置爲絕對位置，並通過javascript更改圖像的z-index。的CSS

例子：

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