当前位置: 移动技术网 > IT编程>开发语言>JavaScript > JS获取浮动(float)元素的style.left值为空的快速解决办法

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

2019年03月24日  | 移动技术网IT编程  | 我要评论

解决办法:

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

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网