是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);