javascript - object.style['background'] 在 Mozilla 中不起作用

Question

我想阅读对象的背景属性，遵循我在 Chrome 中尝试过的代码，它运行良好，但在 Mozilla obj.style['background'] 中没有返回任何内容。如何在 Mozilla 中获取背景样式属性？

function flipIt(obj)

{
origImg =  obj.style['background'].split(")")[0];
 origImg = origImg.substring(origImg.length-5).split(".")[0];

Answer 1

obj.style['background']不是很可靠，您应该始终使用

var allStyles = getComputedStyle(obj)
allStyles.background

反而。这适用于所有现代浏览器^*。它返回该元素的实际使用值（所有计算完成后该元素的最终值）。但是，请注意以下几点：

1) 不返回正确的值:visited以防止历史泄漏漏洞利用
2) 与 CSS 转换不一致

^{*: 遗憾的是，只有 IE9+}