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

Question

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

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

如果 CSS 元素中有破折号，它看起来像这样（本例：“margin-top”）：

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

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

{-webkit-transition: width 1s;}

score 25 · Accepted Answer

你有两个选择：

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

score 1 · Accepted Answer

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

score 1 · Accepted Answer

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

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

3 回答 3