如何使用 JavaScript 获取尚不存在的元素的样式？
How can I fetch the style of a not yet existing element using JavaScript?
所以，我想获取 <div> 的 top 计算样式并将其放入变量中。但是，那个 <div> 还没有在 DOM 中。稍后将通过 JavaScript 事件将其附加到 DOM（一旦用户触发 .onclick() 事件）。
为此，我尝试了这个：
let style = getComputedStyle(element).top;
但是，这不会起作用，因为 element 还不在 DOM 中。如果我尝试这样做，会出现以下错误：
那么，即使该元素不在 DOM 中，我如何才能获取特定元素的 top 样式？
你不能。您只能在 DOM 中获取元素的计算样式，因为它的计算样式取决于它所在的位置、周围的内容以及现有的样式。
相反，如果您知道 DOM 元素的特性以及它的位置，您可以在相同的位置为它添加一个占位符，与 类 相同，等等；然后获取它的样式，从中获取 top，然后将其删除。如果您在一个序列中执行所有操作而不返回事件循环，用户将永远不会看到它。
所以，我想获取 <div> 的 top 计算样式并将其放入变量中。但是，那个 <div> 还没有在 DOM 中。稍后将通过 JavaScript 事件将其附加到 DOM（一旦用户触发 .onclick() 事件）。
为此，我尝试了这个：
let style = getComputedStyle(element).top;
但是，这不会起作用，因为 element 还不在 DOM 中。如果我尝试这样做，会出现以下错误：
那么，即使该元素不在 DOM 中，我如何才能获取特定元素的 top 样式？
你不能。您只能在 DOM 中获取元素的计算样式，因为它的计算样式取决于它所在的位置、周围的内容以及现有的样式。
相反，如果您知道 DOM 元素的特性以及它的位置，您可以在相同的位置为它添加一个占位符，与 类 相同，等等；然后获取它的样式，从中获取 top，然后将其删除。如果您在一个序列中执行所有操作而不返回事件循环，用户将永远不会看到它。