javascript - 在 JavaScript 中更改浏览器特定的 CSS3(前缀)属性

Question

所以我尝试使用 javascript 动态更改 div 的样式，这通常没什么大不了的，只是我尝试更改一些具有前缀的 CSS3 属性，即名称中的减号 (-)。 ..当然，这意味着完全在 javascript 中的其他东西...

所以我在我的 javascript 中进行了此操作:

r += 1;
document.getElementById('someDiv').style.transform = "rotate(" + r + "deg)";

我的 div 的样式属性如下所示:

transform: rotate(30deg);
-ms-transform: rotate(30deg); /* IE 9 */
-webkit-transform: rotate(50deg); /* Safari and Chrome */
-o-transform: rotate(30deg); /* Opera */
-moz-transform: rotate(30deg); /* Firefox */

这样 javascript 就可以很好地更改“transform”属性，但是我该如何更改其余属性呢？因为这样做是行不通的:

document.getElementById('someDiv').style.-ms-transform = "rotate(" + r + "deg)";

因为 javascript 将“-”读取为语法错误:(

想法？

Answer 1

代替 -，将下一个字母设为大写:style.MozTransform。
(就像 style.backgroundColor)

请注意，IE 错误地使用带有小写字母 m 的 msTransform。