在JavaScript中访问-webkit- vendor前缀

Question

如果我正在编写一个JavaScript行来设置元素的样式属性,它可能看起来像这样(这个例子:"width"):

document.getElementById('myDiv').style.width="50px";

如果CSS元素中有破折号,它将看起来像这样(这个例子:"margin-top"):

document.getElementById('myDiv').style.marginTop="15px";

但是-webkit-,如果我想给它一个像这个例子的样式,我如何访问前缀:

{-webkit-transition: width 1s;}

Answer 1

您有两种选择:

• style["-webkit-transition"]
• style.WebkitTransition

第一个直接工作.第二种表示法称为驼峰案,并foo-bar-baz成为fooBarBaz.因此,当非驼峰大小写字符串开头时-,第一个字母在驼峰大小写中大写.