使用 parseInt 获取 div 元素属性总是返回 NAN

Question

我希望答案很简单，但我发誓我已经在这上面浪费了几个小时。

我正在尝试使用常规 ol' javascript 更改 div 元素的 position。 首先，我需要元素的初始顶部和左侧属性值作为 integer。 我正在尝试使用 parseInt(element.style.top, 10)

我遇到的问题是初始（默认）element.style.top 和 left 值总是返回 NaN。 如果我在尝试解析值之前指定一个顶部和左侧值，它工作正常......我希望能够处理尚未指定值的情况......

请帮忙

Answer 1

该值可能会出现“NaN”，因为 CSS 属性值为“auto”。 这在 IE 中经常发生。

Answer 2

element.offsetTop或element.offsetLeft返回整数（不需要解析），你试过吗？ element.style.top可以是很多东西，比如auto 、 3em 、 20% 。 在auto parseInt返回 NaN 的情况下，在其他情况下它可能会返回一个数字，但不是您需要的数字。

Answer 3

您正在查询样式属性（例如由 CSS 设置）。 但是，您需要元素的实际 position。 在此处查看如何使用 Javascript 执行此操作。