js获取某页面的所有图片坐标

Question

请问，怎么获取某页面所有图片的位置，之后在对应图片加上个DIV，鼠标移到对应的图片就会显示出该图片所对应的DIV，用JS来实现，请各位老大帮帮忙，万分感激！

Answer 1

获得图片坐标var imgTops=[];
var imgLefts=[]
var imgs=document.getElementsTagName("img");
for(var i=0;i<imgLocation.length;i++){
    imgTops[i]=imgs[i].style.top;
    imgLefts[i]=imgs[i].style.left;
}

Answer 2

移动上去就显示div的方法<div id=showdiv>我就是要显示的div</div>function overImg(){
var obj=event.srcElement||arguments[0].target;//获得图片对象
var left=obj.style.left;//获得图片位置
var top=obj.style.top;//获得图片位置
document.getElementById("showdiv").style.top=top;//把div移动过去
document.getElementById("showdiv").style.left=top;//把div移动过去
}

Answer 3

下面的代码是给页面中所有的img中加div。看看是不是满足你的要求？
var imgs=document.getElementsByTagName("img");
for(var i=0;i<imgs.length;i++){
    var imgObj=imgs[i];
    var divName=document.createElement("div");
    imgObj.appendChild(divName);
}

Answer 4

var imgs=document.getElementsByTagName("IMG");

Answer 5

document.images
页面所有图片集合

Answer 6

谢谢各位的帮助，帮我解决了些问题
还有个问题就是，是在页面加载时，获取到图片的坐标，我想在该图片的位置加上个DIV层，这个DIV层是可以触发个onMouseMove=""和onMouseOver=""的事件，请各位老大帮帮忙，谢谢！

Answer 7

<div id=showdiv onmouseover=""  onmousemove="">我就是要显示的div</div>