JS获取元素的offsetTop,offsetLeft等相关属性
2024-10-21 11:44:46
1.
obj.clientWidth //获取元素的宽度
obj.clientHeight //元素的高度
obj.offsetLeft //元素相对于父元素的left
obj.offsetTop //元素相对于父元素的top
obj.offsetWidth //元素的宽度
obj.offsetHeight //元素的高度
区别:
clientWidth = width + padding
clientHeight = height + padding
offsetWidth = width + padding + border
offsetHeight = width + padding + border offset比client多了border的宽度
//获取元素的纵坐标(相对于窗口)
function getTop(e){
var offset=e.offsetTop;
if(e.offsetParent!=null) offset+=getTop(e.offsetParent);
return offset;
}
//获取元素的横坐标(相对于窗口)
function getLeft(e){
var offset=e.offsetLeft;
if(e.offsetParent!=null) offset+=getLeft(e.offsetParent);
return offset;
}
最新文章
- TODO:Ubuntu下安装Node
- SDWebImage下载图片有时候无法成功显示出来
- ubuntukylin14安装ns-allinone-2.35教程(虚拟机ubuntu同理)
- Java中系统属性Properties介绍 System.getProperty()参数大全
- MFC坐标空间与映射模式
- NOIP2015-stone(二分答案)
- phpmyadmin出现空password登录被禁止
- Angular绑定数据时转义html标签
- 利用@media screen实现网页布局的自适应,@media screen and
- python之twisted模块安装
- P1368 工艺 SA/最小表示法
- 如何重置Gitlab root用户密码
- 模拟获取post数据的方式
- 排序算法之冒泡排序的思想以及Java实现
- 【JAVA】枚举
- java List集合中contains方法总是返回false
- “finally block does not complete normally”的警告解决
- 利用js添加class
- ballerina 学习二十九 数据库操作
- git 删除追踪状态