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

Can I use CSS attribute values in javascript in rails?

本文关键字：属性 CSS 中的 javascript rails 我可以      更新时间：2023-09-26

假设在CSS中有一个。box类:

.box
{
   height: 50px;
}

现在，我使用javascript允许用户扩展框并使其再次变小。目前，我已经在javascript中硬编码了框高的值(即50像素)。

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

中的相应变量了

顺便说一下，我使用rails3和jquery

使用jQuery很容易，尽管你必须使用一些技巧来绕过jQuery的height()函数吐出50px而不是50的事实。

只是为了获得对象的高度，试试这个:

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

它不会屈服于我上面所说的问题。下面的示例解决了这个问题，并修复了它。它也可以用于任何其他CSS属性。

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

文档。

document.getElementById("mybox").style.height = myheight + "px";
相关文章：