js獲取元素座標

2021-05-21 22:05:48 字數 1879 閱讀 7918

function getelementpos(elementid)         

var parent = null;  

var pos = ;       

var box;       

if(el.getboundingclientrect)    //ie  

;  

}else if(document.getboxobjectfor)    // gecko      

else    // safari & opera      

}     

if (ua.indexof('opera') != -1 || ( ua.indexof('safari') != -1 && el.style.position == 'absolute' ))       

}                

if (el.parentnode) else   

while (parent && parent.tagname != 'body' && parent.tagname != 'html') else   

}  

return ;  

}  

//sample  

var pos=getelementpos("divid");  

alert("距左邊距離"+ pos.x +",距上邊距離"+pos.y); 

function getelementpos(elementid)      

var parent = null;

var pos = ;    

var box;    

if(el.getboundingclientrect)    //ie

;}else if(document.getboxobjectfor)    // gecko   

else    // safari & opera   

}  

if (ua.indexof('opera') != -1 || ( ua.indexof('safari') != -1 && el.style.position == 'absolute' ))    

}             

if (el.parentnode) else

while (parent && parent.tagname != 'body' && parent.tagname != 'html') else

}return ;

}//sample

var pos=getelementpos("divid");

alert("距左邊距離"+ pos.x +",距上邊距離"+pos.y);

js獲取物件的絕對座標

view plaincopy to clipboardprint?

function   getabspoint(e)     

alert("x:"+x+","+"y:"+y);     

}  

方法2:  

function   getabspoint(obj)     

js中獲得視窗屬性的方法   

1。獲得螢幕的解析度:   

screen.width   

screen.height   

2。獲得視窗大小:   

document.body.clientwidth   

document.body.clientheight   

3。獲得視窗大小(包含border、scroll等元素)   

document.body.offsetwidth   

document.body.offsetheight   

Jquery獲取元素座標

獲取頁面某一元素的絕對x,y座標,相對於瀏覽器窗體,可以用offset 方法 var x divid offset top var y divid offset left 獲取相對 父元素 位置 var x divid position top var y divid position left 例...

js 獲取指定座標下的元素

語法 oelement document elementfrompoint ix iy 引數 ix 必選項。整數 integer 單位 象素 pixel 定位橫座標偏移量。iy 必選項。整數 integer 單位 象素 pixel 定位縱座標偏移量。返回值 oelement 物件 element 返...

獲取html元素的座標

獲取相對於頁面的座標 x e.offsetleft p e.offsetparent while p do x x p.offsetleft p p.offsetparent end return x y e.offsettop p e.offsetparent while p do y y p.o...