Question

我将如何使用JavaScript在div上检查边框半径等于0％或100％的样式，然后它执行某些操作。

示例我将如何做这样的事情。这就是我认为的样子

if (border radius = 0%) {
starts a loader animation
}

Answer 1

做这样的事情

if (window.getComputedStyle(document.getElementById("abc")).borderRadius === "100%") {

}

Answer 2

以下是检索样式，比较边框半径和条件的示例：

// this function allows to retrieves CSS properties related to border radius
function getBordersRadius(a) {
    return {
        topLeft: window.getComputedStyle(a)['border-top-left-radius'],
        topRight: window.getComputedStyle(a)['border-top-right-radius'],
        bottomRight: window.getComputedStyle(a)['border-bottom-right-radius'],
        bottomLeft: window.getComputedStyle(a)['border-bottom-left-radius']
    }
}

// this function checks if all border radius are the same
function isAllBorderRadius(a, b) {
    var elBorderRadius = getBordersRadius(a);
    var elBorderRadiusSame = true;
    for (var i in elBorderRadius) {
        if (elBorderRadius[i] !== b) {
            elBorderRadiusSame = false;
        }
    }
    return elBorderRadiusSame;
}

// you can then use the condition
if (isAllBorderRadius(document.getElementById('ELEMENT_ID'), '100%')) {
    // ...
}

JavaScript |我需要一些有关功能的建议

2 个答案: