如何使用JavaScript获取尚不存在的元素的样式？

Question

因此，我想获取top的<div>计算样式并将其放入变量中。但是，<div>尚未在DOM中。稍后，它将通过JavaScript事件将其附加到DOM（一旦用户触发了.onclick()事件）。

为此，我尝试了以下操作：let style= getComputedStyle(element).top;

但是，由于element尚未在DOM中，因此无法使用。如果我尝试这样做，将出现以下错误：

因此，即使该元素不在DOM中，我该如何获取该元素的top样式？

Answer 1

你不能。您只能获取DOM中元素的计算样式，因为该元素的计算样式取决于它的位置，其周围的内容以及所采用的样式。