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

Question

我有一些正在即时设置的尺寸样式。我一般在 chrome 中开发，直接在元素的 style 属性上设置属性，如下所示:

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

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

使用 javascript 设置此样式的跨浏览器的好方法是什么？我发现this question ，它说要执行我当前正在使用的方法，但这不起作用。我宁愿不依赖外部库，因为这看起来应该是一个微不足道的操作。

Answer 1

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

<强> jsFiddle example

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

<强> jsFiddle example