我可以在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";