使用/ JavaScript访问特定于供应商的CSS属性

时间:2012-05-24 00:19:56

标签: javascript css dom

我很好奇如何通过本机javascript访问/修改-moz-transition(或来自this list的任何属性)等属性,即不依赖于jQuery的.css('property', 'value');

例如,要更改元素的background-color,可以使用element.style.backgroundColor

特定于供应商的属性名称是否刚刚获得camelCased并变得可操作?我不能这样做,也许它们不再由style的属性表示,应该在其他地方进行修改?或者可能根本无法通过DOM访问它们?

2 个答案:

答案 0 :(得分:3)

使用上骆驼案例,例如el.style.MozTransition

示例:http://jsfiddle.net/R3y6f/1/

答案 1 :(得分:2)

ex:-webkit-box-shadow

.style.setProperty("-webkit-box-shadow", "0 0 7px #ccc", null);
.style.removeProperty("-webkit-box-shadow");
.style["-webkit-box-shadow"];