访问JavaScript中的-webkit-vendor前缀

如果我编写JavaScript行来设置元素的样式属性，它可能如下所示（示例：“宽度”）：

如果CSS元素中有一个破折号，它将如下所示（此示例：“边距顶部”）：

但是，如果我想给前缀设置一个类似于以下示例的样式，那么如何访问前缀

-webkit-

：

{-webkit-transition: width 1s;}

您有两个选择：

• style[“-webkit transition”]

• style.WebkitTransition

---

第一种方法直接起作用。第二种表示法称为驼峰大小写，

fooBarBaz

变为

fooBarBaz

。因此，当非驼峰式大小写字符串以

-

开头时，第一个字母以驼峰式大小写大写。

一种可能性是使用jquery，以简化操作。 如果您想要纯javascript解决方案，请阅读以下内容：

---

如果您不想继续挖掘那些讨厌的样式属性及其命名约定，您可以始终使用jQuery保持简单

$('#myDiv').css("-webkit-transition", "value");

谢谢你的回答！这表明了一种类似的语法，但是为什么

msTransform

中的第一个字母没有大写？

{-webkit-transition: width 1s;}

$('#myDiv').css("-webkit-transition", "value");