博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
width这样读取出来是一个字符串,并且带有单位,但是offsetwidth返回的是一个数值。...
阅读量:4674 次
发布时间:2019-06-09

本文共 598 字,大约阅读时间需要 1 分钟。

1  2  3  4     
5 未定义 6 15 22 23 24
25 26

,offsetWidth属性可以返回div的宽度,但是style.width并不能够返回此div的宽度。(因为在js中不能直接把获取写在样式表中的样式)

由运行结果也可以看出offsetWidth返回的宽度值包括:border+width+padding

但是如果把样式加载行内,就可以读取到了

1  2  3  4     
5 Document 6 15 16 17
18 19

width这样读取出来的不是一个数值,而是一个字符串,并且带有单位,但是offsetwidth返回的是一个数值。

这应该是两者在本质上的一个区别,还有在网上之前又看到过一种说法:

object.offsetLeft代表是当前object和父元素已经定义好的左边距。
object.style.left代表是object和父元素需要定义的左边距

不知道可不可以这样理解:offsetLeft是已经有的值,而left是需要计算的值,因此在运动框架的联系中经常看到的是将offsetLeft的值赋给left~~~

接下来一张图说明两者表象上的区别:

转载于:https://www.cnblogs.com/daicygo/p/6289751.html

你可能感兴趣的文章
MariaDB Centos7 下安装MariaDB
查看>>
Git
查看>>
中文词频统计
查看>>
idea部署web项目到tomcat注意事项
查看>>
《css设计彻底研究》读书笔记之 float 浮动原理
查看>>
动态规划笔试题
查看>>
div和img之间的缝隙问题
查看>>
(最短路径算法整理)dijkstra、floyd、bellman-ford、spfa算法模板的整理与介绍
查看>>
android学习十三(android的通知使用)
查看>>
过新真三蓝宝石地图-MH命令工具
查看>>
发送json给服务器
查看>>
HTML day01
查看>>
sql载取最后出现字符前的字符
查看>>
利用BioPerl将DNA序列翻译成蛋白序列
查看>>
java中的多线程
查看>>
是的,又一次立FLAG了
查看>>
Easyui在form表单提交的时候,如果有datebox报 Uncaught SyntaxError: Unexpected token < 的解决...
查看>>
Springboot的static和templates区别
查看>>
17011301(UE4的AnimDynamic)
查看>>
python操作mysql
查看>>