如何使用 JavaScript 獲取尚不存在的元素的樣式？

Question

因此，我想獲取<div>的top計算樣式並將其放入變量中。 然而，那個<div>還沒有出現在 DOM 中。 稍后它將通過 JavaScript 事件附加到 DOM（一旦用戶觸發.onclick()事件）。

為此，我嘗試了以下方法： let style = getComputedStyle(element).top;

但是，這不起作用，因為element還沒有在 DOM 中。 如果我嘗試這樣做，則會出現以下錯誤：

那么，即使該元素不在 DOM 中，我如何獲取特定元素的top樣式？

Answer 1

你不能。 您只能獲取 DOM 中元素的計算樣式，因為它的計算樣式取決於它的位置、周圍的內容以及適當的樣式。

相反，如果您知道 DOM 元素的特性以及它的位置，則可以在相同的位置、相同的類等中為其添加占位符； 然后獲取它的樣式，從中獲取top ，然后將其刪除。 如果您在一個序列中完成所有這些操作而不屈服於事件循環，則用戶將永遠不會看到它。