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值为空的快速解决办法，希望对大家有所帮助