对象坐标方法

最新推荐文章于 2024-09-02 16:58:08 发布

iteye_15898

最新推荐文章于 2024-09-02 16:58:08 发布

阅读量159

点赞数

本文介绍了一种用于网页中元素定位的方法，包括获取元素相对于页面的位置（水平和垂直方向）、在父元素中的位置，以及设置和调整元素位置的功能。通过这些函数可以实现网页元素的精确控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//获取元素位置
function pageX(elem){
return elem.offsetParent?elem.offsetLeft+pageX(elem.offsetParent):elem.offsetLeft;
}
//获取元素位置
function pageY(elem){
return elem.offsetParent?elem.offsetTop+pageY(elem.offsetParent):elem.offsetTop;
}

//查找在父元素中的位置
function getParentX(elem){
return elem.parentNode==elem.offsetParent?elem.offsetLeft:pageX(elem)-pageX(elem.parentNode);
}
//查找在父元素中的位置
function getParentY(elem){
return elem.parentNode==elem.offsetParent?elem.offsetTop:pageY(elem)-pageY(elem.parentNode);
}

function posX(elem){
return parseInt(getStyle(elem,"left"));
}

function posY(elem){
return parseInt(getStyle(elem,"top"));
}

function setX(elem,pos){
elem.style.left=pos+"px";
}
function setY(elem,pos){
elem.style.top=pos+"px";
}

function addX(elem,pos){
setx(posX(elem)+pos);
}

function addY(elem,pos){
setY(posY(elem)+pos);
}