div的offsetLeft与style.left区别

问说网 · 发布于 2017-04-13 · 字数875 · 浏览 979 · 评论 0

这篇文章主要介绍了div的offsetLeft与style.left区别的相关资料,需要的朋友可以参考下

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区别的资料整理,后续继续补充相关资料,谢谢大家对本站的支持!

本文系作者 问说网 授权问说网发表,并经问说网编辑,转载请注明出处和 本文链接

相关文章

  • 2016-08-23恒创科技-葵兴机房上线 香港服务器终身半价 低至550元/月
  • 2016-12-26恒创主机2017跨年盛典 主机/云服务器/独立服务器买就送
  • 2017-02-17问说网站长分享提升WordPress访问速度优化
  • 2017-04-01Wordpress固定链接伪静态的设置方法
  • 2017-04-04java中的Runable和Thread
  • 2017-04-05解决mysql无法远程访问的问题
  • 2017-04-19ASP.NET MVC 4 中的JSON数据交互的方法
  • 发布评论

    为您推荐

    恒创科技-葵兴机房上线 香港服务器终身半价 低至550元/月
    问说网 · 发布于 2016-08-23

    恒创科技-葵兴机房上线 香港服务器终身半价 低至550元/月

    最近恒创科技香港SonderCloud二期机房——葵兴机房正式投入运营,特地开展“香港服务器终身半价预订”活动。预订服务器,享受新购和续费终身半价的优惠,8G内…

    紫色背景扁平化iPhone5手机样机素材
    问说网 · 发布于 2016-09-24

    紫色背景扁平化iPhone5手机样机素材

    紫色背景扁平化iPhone5手机样机素材,扁平化样机素材免费下载分享,iPhone5手机样机PSD素材设计,扁平化手机素材投影,倾斜的手机样机素材。

    多彩好看的淘宝销售标签箭头EPS素材
    问说网 · 发布于 2016-10-21

    多彩好看的淘宝销售标签箭头EPS素材

    问说网 · 发布于 2017-02-17

    问说网站长分享提升WordPress访问速度优化

    问说网创建也有5年了,最开始并不是使用的WordPress,是使用国内的DedeCMS开源程序,中间被黑客入侵了就换成了WordPress一直用到现在,随着文章…

    问说网 · 发布于 2017-04-01

    WordPress固定链接伪静态的设置方法

    今天,想着在我机器上测试一下wordpress,虽然之前也有这个开源的程序,可是一直没有安装呢,再加上最近一直忙于其他的工作,也忽略了不少,突然想建立一个属于自…

    问说网 · 发布于 2017-04-04

    java中的Runable和Thread

    在java中可有两种方式实现多线程,一种是继承Thread类,一种是实现Runnable接口;Thread类是在java.lang包中定义的。一个类只要继承了T…

    问说网 · 发布于 2017-04-05

    解决mysql无法远程访问的问题

    问题描述 1.windows 2003 server 32bit+IIS+护卫神+安全狗+navicat 2.root@%已配置 3.干掉护卫神,安全狗,防火墙…

    问说网 · 发布于 2017-04-19

    ASP.NET MVC 4 中的JSON数据交互的方法

    前台Ajax请求很多时候需要从后台获取JSON格式数据,一般有以下方式: 拼接字符串 1 return Content("{\"id\":\"1\",\"nam…

    问说网手机版

    躺着 站着 跪着轻松访问

    更多详情 关于作者

    问说网

    问说网分享与设计有关的文章素材界面和作品,提供设计教程、素材分享、界面欣赏、编程设计、设计书籍、设计师导航等内容,你可以在这里阅读、学习、分享、交流。

    13128 文章
    493 评论
    1891 人气

    更多 热门话题

    APP界面

    关注 APP界面

    文章 41506 · 浏览 1785

    APP欣赏

    关注 APP欣赏

    文章 41427 · 浏览 1725

    APP手机界面

    关注 APP手机界面

    文章 41417 · 浏览 1733

    图片素材

    关注 图片素材

    文章 29463 · 浏览 1230

    高清图片

    关注 高清图片

    文章 26530 · 浏览 1431

    更多 推荐作者

    关注 倾听寂寞

    文章 83 · 评论 0

    关注 溫柔的溫柔

    文章 91 · 评论 0

    关注 走了留下什么

    文章 110 · 评论 0

    关注 莪很迷茫

    文章 97 · 评论 0

    关注 籹孒不认输

    文章 94 · 评论 0

    关注 呼吸快窒息

    文章 104 · 评论 0

    顶部 反馈 评论 底部

    意见反馈

    感谢您对问说网的支持,提出您在使用过程中遇到的问题或宝贵建议,您的反馈对我们产品的完善有很大帮助。

    您的反馈我们已收到!

    感谢您提供的宝贵意见,我们会在1-2个工作日,通过您留下的联系方式将处理结果反馈给您!