[JS]JavaScript Offset
来源:互联网 发布:淘宝商家微淘怎么设置 编辑:程序博客网 时间:2024/06/07 01:27
OffsetWidth
:对象本身的宽度 = width +padding + border,而 width
则是指css中设置的width属性,注意二者的区别。
offsetWidth
元素的高度很大部分情况是由子元素撑出高的,这个高度是无法获得的,我们所以需要这个属性获取不确定的高度值。
offsetLeft
返回与上级盒子(带有定位的)左边的距离
offsetTop
返回与上级盒子(带有定位的)上边的距离,如果父级都没有定位,则会以body为上级盒子。
offsetLeft
,offsetTop
与 left
top
的区别:
1. 后两者使用时需要元素定位,而前两者则不需要。
2. 如果没有给HTML元素指定top值(并且必须是行内样式<p style="width=200px;">
),那么style.top
就获取不到任何值,而offsetTop
则可以。
3. 前二者得到的是 200px(含有px),而后二者是 200(数字)。所以前者不方便操作(我们经常需要对获取的长度进行加减操作)。
4. 前二者是只读的,无法更改,而后二者是读写得
offsetParent
返回该对象的父级(不一定是直接父类,带有定位的)
0 0
- [JS]JavaScript Offset
- JS offset
- JavaScript offset layerx
- JavaScript中的offset
- JavaScript中的offset、scroll、client
- javascript的offset、client、scroll
- JavaScript-2-3:offset、event
- offset
- offset
- offset
- 轻松弄清 JavaScript中的offset、scroll、client
- javascript的offset、client、scroll使用方法详解
- 轻松弄清JavaScript中的offset、scroll、client
- 轻松弄清JavaScript中的offset、scroll、client
- JavaScript语言:offset家族成员详解
- JavaScript之深入理解偏移量offset
- javascript三大家族之offset
- JS常用坐标offset、scroll、client区分
- codeblocks 对‘cv::waitKey(int)’未定义的引用
- 10 Java并发编程1总结
- MySql批量插入多条数据的一种具体实现方法
- 使用Eclipse将Android项目打Library包
- 深度学习之卷积神经网络学习摘录(一)
- [JS]JavaScript Offset
- SwiftyJSON源码分析
- Storm与Kafka集成
- Android7.0 PowerManagerService亮灭屏分析(三)
- 打包上架错误
- linux_echo_客户端
- java邮件提醒实现
- System Bar (Status Bar Navigation Bar)
- 在windows上部署phpwind