javascriptのCSS属性値をレールで使用できますか？

Question

は、私はCSSで■はクラスを持っていると言う：

.box 
{ 
    height: 50px; 
} 

は今、私はボックスを拡張し、再びそれを小さくするユーザーを許可するためにJavaScriptを使用しています。現在、私はボックスの高さ（つまり50 px）の値をjavascriptでハードコードしています。

CSSで定義されているボックスクラスの高さ属性にJavaScriptのコードでアクセスできる方法があるかどうか疑問に思っています。たとえば、CSSの高さを100pxに変更すると、そして手動ところで、私はあなたがそのjQueryのheight()機能串事実を回避するために、いくつかの策略を使用する必要があるが、それは、非常に簡単ですjQueryを使ってrails3とjQuery

Answer 1

を使用していたJavaScript

に対応する変数を変更50の代わりに50pxを返してください。

だけで、オブジェクトの高さを取得するため、これを試してみてください。

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

それは私が上記の問題に屈することはありません。次の例では、それを修正しています。他のすべてのCSS属性にも使用できます。

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

ドキュメントhere。

Answer 2

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