offsetleft兼容性的理解

2024-06-24 11:08:01阅读量：32 字体：大 中 小

关于此属性的基本用法可以参阅offsetleft属性用法详解一章节。

此属性具有一定的兼容性问题，那就是在IE7浏览器中，它的返回值是想对于最近的父辈元素的左侧的距离。

offsetleft兼容性的理解

上面的代码在其他浏览器中返回值是100，但是在IE7浏览器中返回值是50。

至于IE6没有测试，感兴趣的大家可以做一下测试。

下面抽点空给大家介绍offsetLeft与style.left的区别

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的位置。

免责声明：

本文《offsetleft兼容性的理解》版权归原作者所有,内容不代表本站立场！

如本文内容影响到您的合法权益（含文章中内容、图片等），请及时联系本站，我们会及时删除处理。

推荐阅读

  • 怎么把小红书的视频提取出来

    怎么把小红书的视频提取出来

    小红书的视频可以通过保存视频的方式提取到手机上，小红书通过保存提取视频的具体步骤如下： 怎么把小红书的视频提取出来 1、打开小红书app，然后选择需要提取的视频。 2、选择需要提取的视频后，选择右上...

    阅读: 1737

  • 抖音可以注销了重新注册吗

    抖音可以注销了重新注册吗

    抖音注销了可以重新注册，抖音账号注销后，一般需要两个星期过后才可以重新注册账号。具体的操作方式如下： 抖音可以注销了重新注册吗 1、打开抖音，点击进入我”的界面。 2、进入我&rdquo...

    阅读: 730

  • 美团异地怎么点外卖给别人

    美团异地怎么点外卖给别人

    美团异地可以通过修改收货地址的方法来给别人点外卖，修改收货地址给别人点外卖的具体操作步骤如下： 美团异地怎么点外卖给别人 1、打开美团app，在首页上方点击外卖进入外卖界面。 2、进入外卖界面后，点...

    阅读: 729

  • 支付宝悄悄话怎么知道对方看没看

    支付宝悄悄话怎么知道对方看没看

    支付宝的悄悄话是阅后即焚的消息，如果发送悄悄话过去，悄悄话消失了就证明对方已看。具体操作方法如下： 支付宝悄悄话怎么知道对方看没看 1、打开手机支付宝app，点击消息”，再点击右上角人像。...

    阅读: 1505

  • 健康码代领怎么弄

    健康码代领怎么弄

    在家里的老人孩子都不会操作手机的时候，可以代领健康码，在微信的防疫健康码中即可进行代领。具体操作方法如下： 健康码代领怎么弄 1、打开手机微信app，点击我”。 2、点击服务&rdquo...

    阅读: 753

  • 倒数日怎么删除不用的事件

    倒数日怎么删除不用的事件

    倒数日是一款倒计时软件，添加的事件可以进行删除，进入事件编辑即可删除。具体操作方法如下： 倒数日怎么删除不用的事件 1、打开手机倒数日app，点击需要删除的事件，进入事件页面。 2、点击右上角笔的标...

    阅读: 700

热门文章

最近更新