Javascript 将所选元素的样式附加到另一个元素

我有一个span元素，它根据选定的颜色动态更改：

红色

我也有一个没有类的图像元素：

<img id="image-png" src="myimage.png">

---

现在我想将背景色样式和值从“checked”span元素附加到图像中。如何使用JS？

DOM操纵：尽管我建议使用React或angularJS来获得更为强健的解决方案，但是否可以检查跨度是否也有背景图像：当然，您可以在此处找到答案：

const span = document.querySelector('span.checked');
const img = document.querySelector('#image-png');

img.style.backgroundColor = span.style.backgroundColor;