是CSS属性“顶部”的字符串或数字在JavaScript？

Question

说我写了下面的JavaScript代码：

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

请问变量“顶”结束了存储顶值作为一个字符串或数？我希望它是一个数字。

Answer 1

这是一个复杂的值 - 一个数字后跟一个单位。

如果一个单位丢失，它被假定为像素（px）。

因此，所有这些都是有效的：

80px 
80 
50% 
17em 

Answer 2

这将是一个字符串。你可以用正则表达式分割出整数，然后重铸。

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

Answer 3

使用parseInt()然后

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

Answer 4

这会告诉你，如果它是一个字符串或数字：

var type = typeof(top); 

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

var number = parseInt(top);