style.left和offsetLeft和offsetWidth和scrollTop区别
来源:互联网 发布:删除数据库sql 编辑:程序博客网 时间:2024/06/05 23:05
style.left和offsetLeft
offsetLeft 获取的是相对于父对象的左边距
left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距
如果父div的position定义为relative,子div的position定义为absolute,那么子div的style.left的值是相对于父div的值,
这同offsetLeft是相同的,区别在于:
1. style.left 返回的是字符串,如28px,offsetLeft返回的是数值28,如果需要对取得的值进行计算,
还用offsetLeft比较方便。
2. style.left是读写的,offsetLeft是只读的,所以要改变div的位置,只能修改style.left。
3. style.left的值需要事先定义,否则取到的值为空。而且必须要定义在html里,我做过试验,如果定义在
css里,style.left的值仍然 为空,这就是我刚开始碰到的问题,总是取不到style.left的值。
offsetLeft则仍然能够取到,无需事先定义div的位置。
1.offsetTop :
当前对象到其上级层顶部的距离.
不能对其进行赋值.设置对象到页面顶部的距离请用style.top属性.
2.offsetLeft :
当前对象到其上级层左边的距离.
不能对其进行赋值.设置对象到页面左部的距离请用style.left属性.
3.offsetWidth :
当前对象的宽度.
与style.width属性的区别在于:如对象的宽度设定值为百分比宽度,则无论页面变大还是变小,style.width都返回此百分比,而offsetWidth则返回在不同页面中对象的宽度值而不是百分比值
4.offsetHeight :
与style.height属性的区别在于:如对象的宽度设定值为百分比高度,则无论页面变大还是变小,style.height都返回此百分比,而offsetHeight则返回在不同页面中对象的高度值而不是百分比值
6.scrollLeft :
对象的最左边到对象在当前窗口显示的范围内的左边的距离.
即是在出现了横向滚动条的情况下,滚动条拉动的距离.
7.scrollTop
对象的最顶部到对象在当前窗口显示的范围内的顶边的距离.
即是在出现了纵向滚动条的情况下,滚动条拉动的距离.
scrollWidth,clientWidth,offsetWidth的区别
https://www.cnblogs.com/kongxianghai/p/4192032.html
- style.left和offsetLeft和offsetWidth和scrollTop区别
- offsetLeft和style.left
- offsetLeft与style.left的区别 event.altKey、event.ctrlKey、event.shiftKey 属性 clientWidth和offsetWidth
- offsetLeft和style.left的区别
- offsetLeft和style.left的区别
- offsetleft和style.left的区别
- offsetLeft和style.left的区别
- obj.offsetLeft和obj.style.left区别
- offsetleft和left和style.left的区别
- 区块的边距中offsetLeft 和style.left 的区别
- javascript之style.left和offsetLeft的区别
- style.width和offsetwidth区别
- left、offsetLeft、width、offsetWidth区别
- 笔记--关于offsetLeft和left的区别
- style.left,offsetLeft,scrollLeft和clientLeft之间的区别(未完待续)
- offsetLeft 与 style.left、offsetWidth 与 style.width、offsetHeight 与 style.height 等区别
- offsetLeft 与 style.left、offsetWidth 与 style.width、offsetHeight 与 style.height 等区别
- offsetLeft 与 style.left、offsetWidth 与 style.width、offsetHeight 与 style.height 等区别
- 学习2
- Android Assets工具类
- SVN系统实现多系统环境下的代码审核与版本同步
- 多线程断点下载
- SecureCrt 配置脚本查看日志
- style.left和offsetLeft和offsetWidth和scrollTop区别
- Austin 第二天 | 炫技!Google 语音操控 GKE 部署集群及扩容服务
- 使用netty+zookeeper+protobuf实现一个RPC过程
- Java虚拟机详细解析--JVM类加载过程+内存分配+GC算法+垃圾回收器分类
- sklearn整理
- 点播系统hadoop存储视频长时间无响应
- Gym
- 静态方法和非静态方法的区别
- JAVA连接mysql数据库,动态创建表以及动态插入数据