获取 Opera 中计算的边界半径

Question

我正在尝试使用以下代码获取某些元素的计算边框半径状态：

function _elementCurrentStyle(element, styleName){
    if (element.currentStyle){
        var i = 0, temp = "", changeCase = false;
        for (i = 0; i < styleName.length; i++)
            if (styleName[i].toString() != '-'){
                temp += (changeCase ? styleName[i].toString().toUpperCase() : styleName[i].toString());
                changeCase = false;
            } else {
                changeCase = true;
            }
        styleName = temp;
        return element.currentStyle[styleName];
    } else {
        return getComputedStyle(element, null).getPropertyValue(styleName);
    }
}

    var borderRadiusCheck = ["-moz-border-radius-bottomright","border-radius","border-bottom-right-radius","-webkit-border-bottom-right-radius","-khtml-border-radius-bottomright","-khtml-border-bottom-right-radius"];
    var i = 0, temp = "";
    for (i = 0; i < borderRadiusCheck.length; i++){
        temp = _elementCurrentStyle(myElement, borderRadiusCheck[i]);
        if (temp)
            break;
    }

变量“myElement”是一个边框半径设置为“20px”的 HTML 元素。 （通过动态设置和使用CSS）

“temp”变量包含borderRadius（“20px”）字符串。 这段代码在 IE、FF 和 Chrome 下工作，但在 Opera 下，当我尝试获取“border-radius”或“border-bottom-right-radius”时，我得到一个空字符串，当与其他人一起调用时，它返回“undefined”。

无论我得到 border-radius 还是 border-bottom-right-radius 都没关系，因为这个 HTML 元素的所有边框都是相同的。

您知道我应该调用哪个样式属性名称来获取半径吗？

感谢您的帮助。

Answer 1

Opera 支持边框半径。当使用 Opera Dragonfly 时，您可以注意到它

border-radius: 10px;

被转换为

border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;