登录  /  注册
首页 > web前端 > html教程 > 正文

div中offsetLeft与style.left的区别

巴扎黑
发布： 2017-03-30 13:52:12
原创
1216人浏览过

clientX 事件属性返回当事件被触发时鼠标指针向对于浏览器页面（或客户区）的水平坐标。

客户区指的是当前窗口。

如果父p的position定义为relative,子p的position定义为absolute，那么子p的style.left的值是相对于父p的值，这同offsetLeft是相同的，区别在于：

1. style.left 返回的是字符串，如28px，offsetLeft返回的是数值28，如果需要对取得的值进行计算，还用offsetLeft比较方便。

2. style.left是读写的，offsetLeft是只读的，所以要改变p的位置，只能修改style.left。

3. style.left的值需要事先定义，否则取到的值为空。而且必须要定义在html里，我做过试验，如果定义在css里，style.left的值仍然 为空，这就是我刚开始碰到的问题，总是取不到style.left的值。offsetLeft则仍然能够取到，无需事先定义p的位置。

以上就是div中offsetLeft与style.left的区别 的详细内容，更多请关注php中文网其它相关文章！

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题，提供实时的代码和解决方案，帮助你解决各种难题。不仅如此，它还能提供编程资源和学习指导，帮助你快速提升编程技能。无论你是初学者还是专业人士，AI智能助手都能成为你的可靠助手，助力你在编程领域取得更大的成就。
我要提问
相关标签：
div offsetLeft与style.left 区别
来源：php中文网
上一篇：html中scrip的摆放位置 下一篇：jQuery中的on()和click()的区别
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
实现 localStorage 值为 true：分步指南。 我想知道localStorage是否可以有布尔值而不是字符串？仅使用JS，不使用JSON，如果不可能或可以通过JS以不同的方式完成，请告诉我，谢谢http://jsbin.com/...
P粉195200437来自于2023-10-23 23:54:45
0 1 246
转换JavaScript正则表达式为PHP 我知道这个问题已经被问了大约十几次，但从技术上讲，这个问题并不是一个骗局（如果您愿意，请检查其他问题）;)基本上，我有一个Javascript正则表达式来检查用于前端验证的电子邮件...
P粉465675962来自于2023-10-23 22:58:33
0 2 274
PDO IN() 数组语句 AND 占位符 我在SO上找到了这段代码，它非常适合一起使用PDO和IN()语句。$values=explode(',',$values);#1,4,7$placeholders=rtrim(st...
P粉832490510来自于2023-10-23 21:43:13
0 2 194
Android HttpUrlConnection 不工作 基本上，我正在尝试通过Android应用程序连接到Web界面。我成功地使用HttpClient向表单发送命令。但是，我想使用此处推荐的HttpUrlConnection来完成此操作...
P粉953231781来自于2023-10-23 20:44:21
0 1 247
使用CSS将div的底部边缘向内弯曲 我想用CSS弯曲这个矩形div/背景的底边，所以结果是这样的：有人知道如何实现它吗？.curved{margin:0auto;height:400px;background:lig...
P粉384366923来自于2023-10-23 19:55:32
0 2 275
不离开页面执行PHP 我有一个表单-textarea（名为su）和提交按钮。提交表单后，我需要运行PHP脚本而不刷新/离开页面“echo”或以某种方式在屏幕上打印返回我很确定这可以通过某种ajax请求来...
P粉561323975来自于2023-10-23 19:05:06
0 1 235
拒绝不会在链式承诺中传播 我无法理解为什么拒绝不通过承诺链传递，我希望有人能够帮助我理解原因。对我来说，将功能附加到一系列承诺意味着我依赖于要履行的原始承诺的意图。这很难解释，所以让我先展示我的问题的代码示...
P粉193307465来自于2023-10-23 17:50:47
0 2 210
为了获得两个视频 mediaStreamTrack，我应该传递哪些约束给 getUserMedia()？ 我可以通过navigator.mediaDevices.enumerateDevices()Promise获取“videoinput”类型的mediaDevices。我可以通过na...
P粉818317410来自于2023-10-23 17:03:58
0 1 214
点击div时，跳转到在data中定义的url的Vue方法 我的数组中有这种对象：{name:'name1',url:'http://url-1.tld'},{name:'name2',url:'http://url-2.tld'}在div...
P粉426780515来自于2023-10-23 15:46:15
0 2 208
如何在ChartJS柱状图上显示文本？ 我需要使用chart.js将文本写入图表中的条形图中varctx=document.getElementById("myChart");varmyChart=n...
P粉578343994来自于2023-10-23 14:58:30
0 2 150
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 技术文章
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2023 //m.sbmmt.com/ All Rights Reserved | 苏州跃动光标网络科技有限公司 | 苏ICP备2020058653号-1

 | 本站CDN由 数掘科技 提供

登录PHP中文网，和优秀的人一起学习！
全站2000+教程免费学
微信扫码登录

  • 精品班

  • 技术支持

  • 技术咨询

  • 学习群

  • 会员优惠

  • 返回顶部