在JavaScript中访问-webkit-供应商前缀

Question

如果我正在编写一个javascript行以设置它看起来像这样的元素的样式属性（这个例子：“width”）：

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

.

如果css元素中有短划线，它会如下所示（这个例子：“Margin-Top”）：

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

.

但是如何访问前缀世代ocodeTagcode，如果我想给它这样的样式，如此：

{-webkit-transition: width 1s;}

.

Answer 1

您有两个选项：

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

  第一个直接工作。第二个符号称为骆驼盒，并且生成的变量变为生成曝光码。结果，当非骆驼盒子字符串以生成的方式启动时，第一个字母在骆驼盒中大写。

Answer 2

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

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

.

Answer 3

一种可能使用例如jQuery的可能性，使其变得简单。 如果您想要纯粹的JavaScript解决方案，请阅读以下内容： http://www.javascriptkit.com/javatutors/setcss3properties.shtml