检查是否设置了不透明度

Question

我有一个动画不透明度的脚本，但如果之前没有设置不透明度，那么它就会消失。我只是想知道是否有办法检查是否已设置不透明度。提前致谢！

Answer 1

通常，未设置的 CSS 属性在 JavaScript 中返回空值。

更新：看来element.style 只会返回之前通过JavaScript 设置的值或 在内联样式中指定。要获取 CSS 属性的真实值，您需要使用元素的所谓“计算样式”。

这是一个执行此操作的函数（从 quirksmode 复制）：

function getStyle(el,styleProp)
{
    var x = document.getElementById(el);
    if (x.currentStyle)
        var y = x.currentStyle[styleProp];
    else if (window.getComputedStyle)
        var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
    return y;
}

但是，如果未设置不透明度，这将返回1.0（默认值），因此实际上无法知道不透明度是否真的在 CSS 中定义。