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

标签 javascript html firefox

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

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

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

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

最佳答案

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

<强> jsFiddle example

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

<强> jsFiddle example

关于javascript - 在 firefox 中使用 javascript 设置元素样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24785673/

相关文章:

javascript - Chrome 扩展程序 - 页面加载时的自定义警告框

javascript - Node.js 导出行为不同于 ES6 模块

html - 视觉错觉/未识别的 "floating"对象

javascript - TypeScript 的 tsc 编译器在调用 jQuery 和 Flot 代码时发出错误

javascript - 页面 anchor 链接的 jQuery this.hash 行为

javascript - 订阅者无法使用 ajax 正常工作

firefox - 有没有办法在繁重的 DOM 操作期间暂停回流?

javascript - 在 Firefox 中调整大小不起作用

css - 调整大小时 Firefox 中背景图像下的闪烁线

javascript - a.toString().replace(/^(\d)$/, "0$1")?