jquery - 如何在jquery中获取具有多个值的样式属性？

Question

我有这个 div：

#centerFrame { background-color:#888; height:100px; width:100px; }
<div id="centerFrame" style="border-top-left-radius: 25px 0px;"></div>

但是当我尝试获取边界半径的值时，它总是返回 0px，我怎样才能获得这两个值？

console.log($("#centerFrame").css("border-top-left-radius"));
>0px

score 2 · Accepted Answer

普通的 JS 似乎可以解决问题：

document.getElementById('centerFrame').style.borderTopLeftRadius;

score 1 · Accepted Answer

0px对于水平/垂直半径分量来说不是一个有意义的值，因此浏览器会以不同的方式解释整个属性。如果与的总半径不同，半径分量究竟0px会是什么样子0px？

反例：

<div id="centerFrame" style="border-top-left-radius: 25px 5px;"></div>

score 0 · Accepted Answer

我认为正确的答案将是其中之一，而无需离开 jquery 上下文，因为其中任何一个都获得计算样式但属性值：

$("#centerFrame").prop("style")["border-top-left-radius"];

或者

$("#centerFrame").get(0).style.borderTopLeftRadius;

3 回答 3