Как я могу получить стиль еще не существующего элемента, используя JavaScript?

Question

Итак, я хочу получить top вычисленный стиль <div> и поместить его в переменную. Однако этого <div> еще нет в DOM. Он будет добавлен в DOM к событию JavaScript позже (как только пользователь вызовет событие .onclick()).

Чтобы сделать это, я попытался это сделать: let style = getComputedStyle(element).top;

Однако , это не сработает, поскольку element еще не в DOM. Если я попытаюсь сделать это, появится следующая ошибка:

Итак, как мне получить стиль top указанного элемента c даже если этого элемента еще нет в DOM?

Answer 1

Вы не можете. Вы можете получить только вычисленный стиль элемента в DOM, поскольку его вычисленный стиль зависит от того, где он находится, что вокруг него и какие стили используются.

Вместо этого, если вы знаете характеристики Элемент DOM и где он будет, вы можете добавить для него заполнитель в том же месте, с теми же классами и т. Д. c; затем получите его стиль, получите top от этого, затем удалите его. Пользователь никогда не увидит этого, если вы сделаете это все в одной последовательности, не возвращаясь к событию l oop.