2

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

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”是一个 HTML 元素，其边框半径设置为“20px”。（通过动态设置和使用 CSS）

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

如果我得到border-radius 或border-bottom-right-radius 并不重要，因为这个HTML 元素的所有边框都是相同的。

您有什么想法吗，我应该调用哪个样式属性名称来获取半径？

谢谢你的帮助。

4

1 回答 1

0

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;
于 2011-10-26T03:09:58.063 回答