div的offsetLeft与style.left区别

Editor · 发表于 2023-5-4 16:49:36

clientX 事件属性返回当事件被触发时鼠标指针向对于浏览器页面（或客户区）的水平坐标。
客户区指的是当前窗口。
如果父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的位置。
以上就是div的offsetLeft与style.left区别的资料整理，后续继续补充相关资料，谢谢大家对本站的支持!

丁侦球 · 发表于 2023-6-29 14:45:18

感谢楼主的无私分享！要想知鸟论坛好就靠你我他

麻辣鸡翅 · 发表于 2023-6-29 21:29:34

楼主，我太崇拜你了！我想我是一天也不能离开知鸟论坛。

塞翁364 · 发表于 2023-6-29 22:11:39

这个帖子不回对不起自己！我想我是一天也不能离开知鸟论坛。

落败的青春阳落s · 发表于 2023-6-30 09:44:29

这东西我收了！谢谢楼主！知鸟论坛真好！

123456809 · 发表于 2023-6-30 16:17:10

楼主，大恩不言谢了！知鸟论坛是最棒的！

xinting_6ym · 发表于 2023-7-3 22:18:01

论坛不能没有像楼主这样的人才啊！我会一直支持知鸟论坛。

知足常乐77 · 发表于 2023-7-4 10:01:35

这个帖子不回对不起自己！我想我是一天也不能离开知鸟论坛。

墙和鸡蛋 · 发表于 2023-7-4 15:47:21

我看不错噢谢谢楼主！知鸟论坛越来越好！

我的苦恼冉 · 发表于 2023-7-6 00:36:37

既然你诚信诚意的推荐了，那我就勉为其难的看看吧！知鸟论坛不走平凡路。

[CSS/HTML] div的offsetLeft与style.left区别