专栏首页LeoXu的博客HTML样式offset[Direction] 和 style.[direction]的区别

HTML样式offset[Direction] 和 style.[direction]的区别

以offsetLeft与style.left为例:

  • offsetLeft使用的值是字符串,如“100px", style.left则使用数值,如 100
  • offsetLeft只可以读,因此用无法通过Js改变这个值实现样式的改变, style.left是可读写的,因此可以通过改变这个值调整div的位置
  • style.left的值需要事先定义,否则取的时候返回空
  • Js访问方法:[Element].offsetLeft, [Element].style.left

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • org.apache.http.client.methods.HttpPost 两种消息体形式 —— UrlEncodedFormEntity 和 StringEntity

    使用 UrlEncodedFormEntity 来设置 body,消息体内容类似于“KEY1=VALUE1&KEY2=VALUE2&...”这种形式,服务端接收...

    LeoXu
  • NDK学习笔记(三)SWIG:自动生成JNI代码

    SWIG 的全称是 Simplified Wrapper and Interface Generator,它是一个开发工具,在Android Native开发中...

    LeoXu
  • 让 Android 的 WebView 支持 type 为 file 的 input,同时支持拍照

    Android 的 WebView 组件默认是不启用 type 为 file 的 input 的,需要在代码中做一些类似 hack 的编码(因为解决问题的目标对...

    LeoXu
  • 干货 | 如何实现jQuery响应式瀑布流 ?

    开门见山,本文介绍响应式的瀑布流的实现方法。 最终效果图如下,改变浏览器大小效果更棒哦~ ? 以下我们将每个瀑布流盒子简称为box 使用数组记录每个box宽...

    腾讯NEXT学位
  • 4 高等数学中若干简单数值计算算例

    高等数学贯穿了很多理工科的专业课,例如《工程热力学》气体做功的积分计算、《工程流体力学》光滑管道内流动速度分布(泊萧叶方程,Poiseuille,1840)的推...

    周星星9527
  • 内存中的栈(stack)、堆(heap)和静态区(static area)的用法

    通常我们定义一个基本数据类型的变量,一个对象的引用,还有就是函数调用的现场保存都使用内存中的栈空间;而通过new关键字和构造器创建的对象放在堆空间;程序中的字面...

    唐怀瑟
  • idea创建springboot项目

      前面的博客有说到spring boot搭建见另一篇博文,其实那篇博文还没写,现在来填个坑。我们使用spring initializr来构建,idea和ecl...

    用户2038589
  • 智慧零售——未来零售业发展的必然趋势

    1.在线上,流量红利消失,获客成本和物流配送成本越来越高;一些品类的用户体验差,导致退货率高;

    场景录小程序
  • Qt Style Sheet实践(一):按钮及关联菜单

    导读      正如web前端开发中CSS(Cascade Style Sheet)的作用一样,Qt开发中也可以使用修改版的QSS将逻辑业务和用户界面进行隔离。...

    24K纯开源
  • Python中字典的用法

    Python中的字典与C++中的map容器很相似,都是键值对的形式存储,然而Python中对字典的操作远比C++中对map的操作要方便的多。C++中的map与P...

    py3study

扫码关注云+社区

领取腾讯云代金券