JS获取浮动(float)元素的style.left值为空的快速解决办法
更新时间：2017年02月19日 12:45:30 作者：酸奶薯片
这篇文章主要介绍了JS获取浮动(float)元素的style.left值为空的快速解决办法,非常不错，具有参考借鉴价值，需要的朋友可以参考下
解决办法:
1.使用行内样式设置元素的top和left值;
2.or直接获取元素的offsetLeft得到相关数值,还不需要parseInt
问题原因:
如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相对于父div的值，这同offsetLeft是相同的，区别在于：
style.left 返回的是字符串，如28px，offsetLeft返回的是数值28，如果需要对取得的值进行计算，还用offsetLeft比较方便。
style.left是读写的，offsetLeft是只读的，所以要改变div的位置，只能修改style.left。
style.left的值需要事先定义，否则取到的值为空,而且必须是以行内样式的形式定义，如果定义在css里，style.left的值仍然为undefined;而offsetLeft则仍然能够取到，无需事先定义div的位置。
以上所述是小编给大家介绍的JS获取浮动(float)元素的style.left值为空的快速解决办法，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
相关文章
这篇文章主要为大家详细介绍了微信小程序实现长按拖拽排序功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
这篇文章主要为大家详细介绍了JavaScript实现时钟特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
javascript的函数...2006-07-07
本来想用css3来实现，但后来脑袋一热就用了js，省的别人你ie怎么没效果啊！在腾讯微博app上看到的一个效果，鼠标击哪里就撕了哪里，跟撕报纸似的，任意点击左边面的灰色区域，查看效果，当时觉得很有意思，问了下高人，突然觉悟了，原来如此。。2013-05-05
javascript 不用reverse实现字符串反转的代码
javascript 不用reverse实现字符串反转的代码，需要的朋友可以参考下。2010-03-03
我们日常开发中经常需要用到图片上传功能,这篇文章主要给大家介绍了关于微信小程序实现图片上传功能的思路与源码的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-11-11
elementUI Table 表格编辑数据后停留当前位置的示例代码
这篇文章主要介绍了elementUI Table 表格编辑数据后停留当前位置,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-04-04
当用户鼠标在滚动条上按下的时候，我们可以假设他（她）正在浏览聊天内容，那么这个时候好的用户体验就不能让滚动条再自动滚动了2012-03-03
JavaScript是一种强大的脚本语言,广泛应用于Web开发中,本文将通过一个完整的项目实例,演示如何使用JavaScript来实现一个交互式的待办事项列表,,需要的朋友可以参考下2023-08-08
uniapp中使用 uni.navigateBack() 返回上级页面并传参的方法
最近遇到这样的需求在A页面中通过跳转到B页面,在B页面中处理的数据,需要跳转回A页面供其使用,本文给大家分享uniapp中使用 uni.navigateBack() 返回上级页面并传参的操作方法,感兴趣的朋友一起看看吧2023-10-10
最新评论