Как предотвратить нежелательные переходы при копировании стилей с помощью JavaScript? ⇐ Html

[Anonymous]

Я использую JavaScript для копирования всех стилей из Div#Old и динамически применяю их к Div#Young .
Мне удалось заставить его работать, но проблема в том, что когда я копирую свойство перехода, Div#Young применяет переход ко всем копированным стилям - что я не хочу. />

Код: Выделить всё

let styles = getComputedStyle(old);
all_style = ['width', 'height', 'background', 'border-radius', 'transition']
for (var i = 0; i < all_style.length; i++) {
young.style.setProperty(`--${all_style[i]}`, styles.getPropertyValue(all_style[i]));
}< /code>
.container {
display: flex;
justify-content: space-around;
width: 60%;
}

#old {
width: 110px;
height: 110px;
background: red;
border-radius: 50%;
transition: 1s ease-in-out all;
}

#young {
width: var(--width);
height: var(--height);
background: var(--background);
border-radius: var(--border-radius);
transition: var(--transition);
}< /code>

Как я могу предотвратить #young применять переходы ко всем скопированным стилям, в то же время имея возможность копировать остальные свойства?

Подробнее здесь: https://stackoverflow.com/questions/633 ... javascript