offsetLeft与style.left的区别

news/2024/7/19 13:40:19 标签: css, js, html
htmledit_views">

http://www.cnblogs.com/woshilee/articles/1951457.html

 

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里,我做过试验,如果定义在
html" title=css>css里,style.left的值仍然 为空,这就是我刚开始碰到的问题,总是取不到style.left的值。

offsetLeft则仍然能够取到,无需事先定义div的位置。


http://www.niftyadmin.cn/n/1529142.html

相关文章

浙政钉(专有钉钉)扫码登录对接

浙政钉登录 :专有钉钉开放平台 官网登录流程图 开发指南 > 身份验证 > ( 扫码登录, 获取免登授权码 ) 申请专有钉钉账号:创建应用,获取appKey和appSecrect 配置回调地址 专有钉钉, 浙政钉 专有钉钉(测试版&a…

链接:深入理解javascript构造函数和原型对象

链接:深入理解javascript构造函数和原型对象http://www.jb51.net/article/55539.htm

h5判断小程序环境是手机端还是pc端

export function comClientBrowser() {var _userAgent navigator.userAgent;var _broMark "";if (/wxWork/gi.test(_userAgent)) {_broMark "wxWork";return _broMark;}//如果是手机浏览器if (/Mobile/gi.test(_userAgent)) {//小程序if (/MicroMesseng…

mysql索引是什么?索引结构和使用详解

mysql索引是什么?索引结构和使用详解 2018-02-26 14:29:46 个评论 来源:ll_mor的博客 收藏 我要投稿 索引是什么 mysql索引: 是一种帮助mysql高效的获取数据的数据结构,这些数据结构以某种方式引用数据,这种结构就…

链接:面向对象编程-封装(构造函数)

Javascript 面向对象编程(一):封装 http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html

booleanObject.valueOf() 判断原始布尔值

定义和用法 valueOf() 方法可返回 Boolean 对象的原始值。 语法 booleanObject.valueOf() 抛出 如果调用该方法的对象不是 Boolean&#xff0c;则抛出异常 TypeError。 var a true; document.write("a true""<br/>"); document.write("…