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

Question

所以，我想获取topa 的计算样式<div>并将其放入变量中。然而，这<div>还没有在 DOM 中。稍后它将通过 JavaScript 事件附加到 DOM（一旦用户触发事件.onclick()）。为此，我尝试了以下方法： let style = getComputedStyle(element).top;然而，这不起作用，因为element它还不在 DOM 中。如果我尝试这样做，则会出现以下错误：top那么，即使该元素尚未在 DOM 中，我如何获取该元素的样式呢？

Answer 1

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

相反，如果您知道 DOM 元素的特征及其所在位置，则可以在相同位置、使用相同类等为其添加占位符；然后获取它的风格，top从中获取，然后删除它。如果您在一个序列中完成所有这些操作而不返回到事件循环，那么用户将永远不会看到它。