我可以在rails中使用JavaScript中的CSS屬性值嗎？

Question

說我有一個.box的類CSS：

.box 
{ 
    height: 50px; 
} 

現在，我使用JavaScript來允許用戶擴展箱，再使其小。目前，我已經在JavaScript中硬編碼了框高（即50像素）的值。

我想知道是否有一種方法，我的JavaScript代碼可以訪問CSS類中定義的盒類的高度屬性，以便如果我將CSS中的高度更改爲100像素，例如，我不必去並手動更改相應的變量在JavaScript

順便說一句，我用Rails3中和jQuery

Answer 1

使用jQuery它很容易，但你必須使用一些技巧把迴避的事實，jQuery的height()功能吐奶返回50px而不是50。

只是爲了獲取對象的高度，試試這個：

$(".box").height();

它不會屈從於我上述的問題。下面的例子，並修復它。它也可以用於其他任何CSS屬性。

var boxHeight = $(".box").css("height").replace("px", "");

文檔here。

Answer 2

document.getElementById("mybox").style.height = myheight + "px";