css 属性“top”是否为“top”？ JavaScript 中的字符串或数字？

Question

假设我编写以下 JavaScript 代码：

var top = document.getElementById("SOMEDIVID").style.top;

变量“top”最终会将顶部值存储为字符串还是数字？我希望它是一个数字。

Answer 1

它是一个复数值 - 一个数字后跟一个单位。

如果缺少单位，则假定为像素 (px)。

所以，所有这些都是有效的：

80px
80
50%
17em

Answer 2

使用 parseInt() 然后

var top = parseInt(document.getElementById("SOMEDIVID").style.top);

Answer 3

这将是一个字符串。您可以使用正则表达式拆分整数，然后重新转换。

parseInt(top.match(/^\d+/)[0]); // integer only

Answer 4

这会告诉你它是字符串还是数字：

var type = typeof( top );

如果它是字符串，这会给你一个数字

var number = parseInt( top );