Question

对于我网站上的ajax动画，我需要检查一个元素是否有完整的转换

transform: rotateY(-90deg)

我在互联网上找到了这个代码来检查元素css值

function getStyle(oElm, strCssRule){
    var strValue = "";
    if(document.defaultView && document.defaultView.getComputedStyle){
        strValue = document.defaultView.getComputedStyle(oElm, "").getPropertyValue(strCssRule);
    }
    else if(oElm.currentStyle){
        strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){
            return p1.toUpperCase();
        });
        strValue = oElm.currentStyle[strCssRule];
    }
    return strValue;
}

用法：

getStyle(document.getElementById('to-transform'), "transform")

这将返回一个matrix3d，在许多浏览器中可能会有所不同，例如'internet explorer'，在IE7和IE8等其他版本中也会有所不同：

matrix3d(0.00000000000000006123233995736766, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0.00000000000000006123233995736766, 0, 0, 0, 0, 1) safari
matrix3d(0.00000000000000006123233995736766, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0.00000000000000006123233995736766, 0, 0, 0, 0, 1) chrome
matrix3d(0.00000000000000006123233995736766, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0.00000000000000006123233995736766, 0, 0, 0, 0, 1) opera
matrix3d(0, 0, 1, 0, 0, 1, 0, 0, -1, 0, 0, 0, 0, 0, 0, 1)                                                                   firefox

是否有更简单的方法来检查元素是否具有rotateY（-90deg）？所以代码可以完成动画的最后部分

注意：它必须是javascript，因为我没有包含jQuery

使用javascript将element的rotateY（）作为变量

0 个答案: