Как применить стиль к динамическому объекту без использования события?

Question

[Vernal96]

При загрузке объекта блока ему сразу нужно выставить высоту относительно ширины экрана. Но так как объект динамический просто так я не могу присвоить ему стиль. А обработчик on на сколько я понял обрабатывает только события.

Answer 1

[Stalker_RED]

Можно на CSS без скриптов.
height: 30vw; /* 1vw = 1% ширины вьюпорта */

Comments

[Vernal96]

А если относительно ширины другого блока?

[Stalker_RED]

Vernal96, тогда нужны скрипты.
Рассказывайте подробнее что за беда у вас с событиями.

[Vernal96]

Что бы как либо воздействовать на динамический контент нужен on, но on работает только с событиями, а мне не нужно никаких событий

[Stalker_RED]

Vernal96,

воздействовать на динамический контент нужен on,

это неправда, есть и другие способы.

но on работает только с событиями

это правда.

а мне не нужно никаких событий

Браузер их генерирует десятками и сотнями на каждый чих. При этом вас никто не спрашивает нужны они вам или нет )

[Vernal96]

это неправда, есть и другие способы.

какие есть альтернативы?

[Stalker_RED]

Vernal96, смотря какой динамический контент.
Например live collections в некоторых случаях удобны. Или MutationObserver, или старый добрый dom traversing. Можно даже по таймеру пересчитывать сколько где элементов, и если что-то поменялось - находить новые.

Чаще всего проблема не в том, как найти этот "динамический контент", а в том, чтобы понять когда он появился. И для этого как-раз события хороши.

[Vernal96]

Он появляется при смене страницы

[Павел Корнилов]

Vernal96, выложите упрощённый пример в песочницу, а то Stalker_RED уже устал ванговать, думаю.

Answer 2

[Михаил]

https://developer.mozilla.org/ru/docs/Web/API/Muta...

С помощью MutationObserver отлавливаете появление элемента в DOM, после этого присваиваете ему необходимые параметры