javascript - 通过 JavaScript 添加 -webkit -moz -ms -o css 规则？

Question

好的，我理解 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)";

因为它不起作用。有什么想法吗？

Answer 1

将它驼峰化(用破折号后面的大写字符替换任何破折号):

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

你也可以使用.setProperty:

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