微客导航 » 文章资讯 » JS获取浮动(float)元素的style.left值为空的快速解决办法

JS获取浮动(float)元素的style.left值为空的快速解决办法

2024-02-29 08:10:03 445

解决办法:

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值为空的快速解决办法，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！