在附加元素之前从CSS类获取宽度？

Question

我需要家长的宽度div为孩子内计算div ，但也一直在D3链又追加。 我如何从例如中提取宽度

.element {
    width: 120px;
    height: 200px;
    box-shadow: 0px 0px 12px rgba(0,255,255,0.5);
    border: 1px solid rgba(127,255,255,0.25);
    text-align: center;
    cursor: default;
}

Answer 1

您可以使用带有类名的getComputedStyle和一个临时DOM元素来读取应用的CSS。

var el = document.createElement("div");
el.className = "element";
document.body.appendChild(el);
var elementWidth = getComputedStyle(el, null).width;
document.body.removeChild(el);

该代码将创建一个新div元件与类的element ，它添加到body ，读取施加CSS width将其设定到变量elementWidth ，和从DOM删除临时元件。

另外，您也可以使用jQuery。

var el = $("div").addClass("element").appendTo("body");
var elementWidth = el.css("width");
el.remove();