新葡亰496net 新葡亰编程 offsetTop 与 style.top 的区别

offsetTop 与 style.top 的区别

兵马未动粮草先行有备无患粮草先行知识:offsetTop、offsetLeft、offsetWidth、offsetHeight

复制代码 代码如下: //获取坐标地方function getpos { var t=e.offsetTop; var l=e.offsetLeft; var
height=e.offsetHeight; while { t+=e.offsetTop; l+=e.offsetLeft; } } 假使obj 为某些 HTML 控件。 obj.offsetTop 指 obj
间隔上方或上层控件的地方,整型,单位像素。 obj.offsetLeft 指 obj
间隔侧面或上层控件的岗位,整型,单位像素。 obj.offsetWidth 指 obj
控件自己的宽度,整型,单位像素。 obj.offsetHeight 指 obj
控件自己的莫斯中国科学技术大学学,整型,单位像素。
大家对日前提到的“上方或上层”与“左方或上层”控件作个表明。 比如: 复制代码 代码如下:

我们驾驭 offsetTop 能够得到 HTML 成分间隔上方或外层成分的任务,style.top
也是足以的,二者的区分是:

“提交”开关的 offsetTop
指“提交”开关距“tool”层上面框的相距,因为距其上面目前的是 “tool”
层的上边框。 “重新苏醒设置”开关的 offsetTop
指“重新载入参数”开关距“tool”层下边框的偏离,因为距其上方近些日子的是 “tool”
层的上面框。 “提交”开关的 offsetLeft
指“提交”按键距“tool”层左侧框的离开,因为距其左臂近期的是 “tool”
层的右侧框。 “重新初始化”按键的 offsetLeft
指“重新初始化”按键距“提交”按键左侧框的间隔,因为距其左臂最近的是“提交”开关的入手框。
offsetTop 可以博得 HTML 成分间距上方或外层元素的职位,style.top
也是能够的,二者的差距是: 黄金年代、offsetTop 重临的是数字,而 style.top
重回的是字符串,除了数字外还蕴藏单位:px。 二、offsetTop 只读,而
style.top 可读写。 三、如果未有给 HTML 成分钦点过 top 样式,则 style.top
重临的是空字符串。 offsetLeft 与 style.left、offsetWidth 与
style.width、offsetHeight 与 style.height 也是同风姿洒脱道理。 scrollHeight:
获取对象的轮转高度。
scrollLeft:设置或获得坐落于对象左侧界和窗口中近期可知内容的最左端之间的离开
scrollTop:设置或拿到位于对象最上方和窗口中可以看到内容的最上方之间的相距
scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标
offsetParent 属性钦赐的父坐标的冲天 offsetLeft:获取对象相对于版面或由
offsetParent 属性钦命的父坐标的估摸左边位置offsetTop:获取对象相对于版面或由 offsetTop
属性钦点的父坐标的计量最上部地方 event.clientX 相对文档的程度座标
event.clientY 相对文书档案的垂直座标 event.offsetX 相对容器的等级次序坐标
event.offsetY 绝对容器的垂直坐标 document.documentElement.scrollTop
垂直方向滚动的值 event.clientX+document.documentElement.scrollTop
相对文书档案的水平座标+垂直方向滚动的量 以上首要指IE之中,FireFox差别如下:
复制代码 代码如下: IE6.0、FF1.06+:
clientWidth = width + padding clientHeight = height + padding
offsetWidth = width + padding + border offsetHeight = height + padding +
border IE5.0/5.5: clientWidth = width – border clientHeight = height –
border offsetWidth = width offsetHeight = height
(必要提一下:CSS中的margin属性,与clientWidth、offsetWidth、clientHeight、offsetHeight均毫不相关卡塔尔

豆蔻年华、offsetTop 重回的是数字,而 style.top
重回的是字符串,除了数字外还包蕴单位:px。

标签:

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图