0


わかりました。JavaScriptのaddRuleと単純なcssルールを理解しています。

firstRule.style.color = "red";

しかし、たとえばこれを追加するにはどうすればよいですか？

-webkit-transform:translateX(16em) perspective(600px) rotateY(10deg)";

このようなもの？：

firstRule.style.-webkit-transform = "translateX(16em) perspective(600px) rotateY(10deg)";

動かないから。何か案は？

4

3 に答える 3

1

それをラクダ化します（ダッシュの後に続く大文字でダッシュを置き換えます）：

firstRule.style.WebkitTransform = "translateX(16em) perspective(600px) rotateY(10deg)";

また、使用することができます.setProperty：

firstRule.style.setProperty( "-webkit-transform", "translateX(16em) perspective(600px) rotateY(10deg)" );
于 2012-10-24T13:26:33.577 に答える
1

次の方法で実行できます。

firstRule.style["-webkit-transform"] = firstRule.style["-moz-transform"] = "translateX(16em) perspective(600px) rotateY(10deg)";

「-moz」プレフィックスも追加する例です。

于 2012-10-24T13:30:43.430 に答える
0 
document.getElementById('firstRule').setAttribute('style','xxxxxx');

クリーンでシンプル

于 2012-10-24T13:29:06.260 に答える