当前位置: 首页 > 编程笔记 >

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

欧阳正卿
2023-03-14
本文向大家介绍JS获取浮动(float)元素的style.left值为空的快速解决办法,包括了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值为空的快速解决办法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

 类似资料:
  • 本文向大家介绍Document.body.scrollTop的值总为零的快速解决办法,包括了Document.body.scrollTop的值总为零的快速解决办法的使用技巧和注意事项,需要的朋友参考一下 有一个功能需要判断返回顶部按钮是否显示。 JS代码如下: 但是发现document.body.scrollTop一直是0。 查资料发现是DTD的问题。 页面指定了DTD,即指定了DOCTYPE时,

  • 急求!子元素设置了float:left,为什么是浮动到父元素的父元素(part1)上,而不是浮动到父元素(box1)上?想让这个子元素和学院新闻同行应该怎么办? 这是那个子元素 这是那个子元素 这是整体:

  • 本文向大家介绍JS获取动态添加元素的方法详解,包括了JS获取动态添加元素的方法详解的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS获取动态添加元素的方法。分享给大家供大家参考,具体如下: 在页面的渲染中,我们经常用遇到动态添加的DOM元素,那么在获取这些元素的时候或则为这些DOM元素的时候,我们有下面三种处理方法: 1.  在模板引擎里面添加行内事件 2.  利用事件的委托获取(常用)

  • 问题内容: 我只在div中遇到浮动元素问题,这是问题所在: 我需要有关第二个DIV的边框及其内容位置的说明。为什么边框在后面但内容在第一格之下? 还根据:https : //css-tricks.com/all-about-floats/#article-header-id-3 关于浮点数的更令人困惑的事情之一是它们如何影响包含它们的元素(它们的“父”元素)。如果此父元素只包含浮点元素,则其高度实

  • 本文向大家介绍python-序列解包(对可迭代元素的快速取值方法),包括了python-序列解包(对可迭代元素的快速取值方法)的使用技巧和注意事项,需要的朋友参考一下 一般情况下 对元祖序列解包 对列表序列解包 对dict序列解包获得key和value 以上这篇python-序列解包(对可迭代元素的快速取值方法)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。