我可以在rails的javascript中使用CSS属性值吗？

【问题标题】：Can I use CSS attribute values in javascript in rails?我可以在rails的javascript中使用CSS属性值吗？
【发布时间】：2011-07-17 18:51:16
【问题描述】：

假设我在 CSS 中有一个 .box 类：

.box
{
   height: 50px;
}

现在，我使用 javascript 来允许用户展开框并使其再次变小。目前我有在javascript中硬编码的盒子高度（即50像素）的值。

我想知道是否有一种方法可以让我的 javascript 代码访问 CSS 中定义的 box 类的 height 属性，这样如果我将 CSS 中的高度更改为 100px，例如，我就不必去在javascript中手动更改对应的变量

顺便说一句，我正在使用 rails3 和 jquery

【问题讨论】：

【解决方案1】：

使用 jQuery 非常简单，尽管您必须使用一些技巧来解决 jQuery 的 height() 函数返回 50px 而不是 50 的事实。

只是为了获取对象的高度，试试这个：

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

它不会屈服于我上面提到的问题。以下示例执行并修复了它。它也可以用于其他所有 CSS 属性。

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

文档here.

【讨论】：

【解决方案2】：

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

【讨论】：