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 返回正确的值，以防止 history leak exploit
2) 与 CSS 过渡不一致

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