Javascript 如何仅将一个元素的样式传递给另一个元素？

我试图将一个元素的CSS传递给另一个元素，我编写了一个函数（包括演示）：

extendcss=（el1，el2）=>{
if（typeof（el1）=‘object’&&typeof（el2）=‘object’）{
Array.prototype.slice.call（el1.attributes）.forEach（函数（项）{
el2.setAttribute（item.name，item.value）；
});
}
否则{
Array.prototype.slice.call（document.querySelector（el1.attributes）.forEach（函数（项）{
document.querySelector（el2.setAttribute）（item.name，item.value）；
});
}
}
$（“按钮”）。单击（（）=>{
extendcss（“#父”，“子”）；
});
#父级{
颜色：白色；
背景：黑色；
}

父母亲
小孩
DO
style

对象只包含直接位于元素上的样式信息；也就是说，

样式

属性本身的内容。CSS规则对此没有影响；您必须使用

.getComputedStyle（）

，但是

.getComputedStyle（）

还返回所有不必要和未定义的内容。我不希望这样做的最有用/最简单的方法是创建一个类并与您想要的任何元素共享。不，@ViniciusDutra，这不是我想要的。如果您不想共享

getComputedStyle

或共享一个类，那么您可能会不必要地使解决方案或需求复杂化。这看起来有点像-你能说你到底想解决什么吗？