在firefox中使用javascript设置元素样式

Question

我有一些我即时设置的尺码样式。我通常使用chrome进行开发，并直接在元素的style属性上设置属性，如下所示：

element.style['padding-right'] = computedRightPadding + 'px';

我最近发现这在firefox（版本24.6.0）中不起作用。元素对象上的属性看起来像是正确设置的，但元素的实际样式没有变化。我有一个小提示，显示here.

使用javascript设置此样式的好的，跨浏览器的方式是什么？我找到了this question，它表示要使用我目前正在使用的方法，但这种方法并不起作用。我宁愿不依赖外部库来看似应该是一件微不足道的操作。

Answer 1

使用：parent.style.paddingRight = '100px';

<强> jsFiddle example

或parent.setAttribute('style', 'padding-right:100px;');

<强> jsFiddle example