DOM Как взять атрибут стиля одного элемента и присвоить другому?

Question

[xRA1Nx]

Добрый день! Подскажите пожалуйста как правильно присвоить цвет одного элемента другому.

Мой код:
e1 = document.querySelector("#elem1");
e2 = document.querySelector("#elem1");

color1= e1.style.color;
console.log(color1)

у меня набор стилей определен в соответствующем классе CSS, но как я выяснил, по умолчанию e1.style - пустой обьект, и дернуть цвет 1го элемента не получится таким образом .....

Так как правильно сделать?

Comments

[Ankhena]

А ещё можно использовать кастомные свойства CSS и обойтись без JS.

Answer 1

[Anonymous Penguin]

window.getComputedStyle(e1) - получает все вычисленные CSS-свойства
window.getComputedStyle(e1).color