10

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

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

如果 CSS 元素中有破折号,它看起来像这样(本例:“margin-top”):

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

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

{-webkit-transition: width 1s;}
4

3 回答 3

25

你有两个选择:

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

第一个直接起作用。第二种表示法称为驼峰式,foo-bar-baz变为fooBarBaz。因此,当非驼峰式字符串以 开头时-,首字母大写为驼峰式。

于 2012-02-24T22:28:23.613 回答
1

一种可能性是使用例如 jquery,使其变得容易。如果您想要一个纯 JavaScript 解决方案,请阅读以下内容: http ://www.javascriptkit.com/javatutors/setcss3properties.shtml

于 2012-02-24T22:30:20.937 回答
1

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

$('#myDiv').css("-webkit-transition", "value");
于 2012-02-24T22:31:33.323 回答