obj.offsetHeight与obj.style.height区别
2015-10-10 13:59
211 查看
我们都知道obj.offsetHeight与obj.style.height都可以获取obj的高度,但是在js使用中,我们通常会使用前者来获取高度,这是为什么,二者有什么样的区别呢。
1、obj.offsetHeight可以获取写在样式文件里的属性值,而obj.style.height只能获取行内属性,在表现与结构分离的今天,这显然是不合适的
2、obj.offsetHeight返回的是一个数值,而obj.style.height返回的是一个字符串,单位是“px”
3、obj.offsetHeight是只读,而obj.style.height是可读写
4、如果没有为元素设置高度,obj.offsetHeight会根据内容获取高度值,而obj.style.height会返回undefind
jQuery里我们使用$(obj).height()来获取元素的高度,($(obj).css('height')返回的是一个带有单位的字符串)。
与其他三个($(obj).height()、$(obj).css('height')、obj.style.height)不同的是,obj.offsetHeight的高度就是height+padding,其他是不把padding计入高度的
1、obj.offsetHeight可以获取写在样式文件里的属性值,而obj.style.height只能获取行内属性,在表现与结构分离的今天,这显然是不合适的
2、obj.offsetHeight返回的是一个数值,而obj.style.height返回的是一个字符串,单位是“px”
3、obj.offsetHeight是只读,而obj.style.height是可读写
4、如果没有为元素设置高度,obj.offsetHeight会根据内容获取高度值,而obj.style.height会返回undefind
jQuery里我们使用$(obj).height()来获取元素的高度,($(obj).css('height')返回的是一个带有单位的字符串)。
与其他三个($(obj).height()、$(obj).css('height')、obj.style.height)不同的是,obj.offsetHeight的高度就是height+padding,其他是不把padding计入高度的
相关文章推荐
- windows下qtcreator添加ICE库文件
- 《线性表的总结---线性顺序表(静态,动态)---线性链表(动态)》
- C++primer学习:关联容器(2)
- 快速排序及代码实现
- 七牛---设置notifyURL没有收到回调
- 未能加载文件或程序集“Microsoft.VisualStudio.Web.PageInspector.Loader, Version=1.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a”或它的某一个依赖项。
- 如何处理js的跨域问题
- jstl核心标签库使用
- 如何在圆形 imageView android 上添加一个阴影和边界?
- [IOS]对项目重命名
- ASP.NET MVC Controller的激活机制
- 使用Powermock和mockito来进行单元测试
- [LeetCode] Longest Common Prefix
- Mysql 分组聚合实现 over partition by 功能
- GO 语言
- CenOS配置VSFTP服务器
- html基础-标题
- Notions of Flow Networks and Flows
- Scala学习笔记14【包、类、对象、成员、伴生类、伴生对象访问权限】
- SQL注入——如何防御(二)