0


好的，我用简单的 css 规则理解 JavaScript addRule：

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 回答