Javascript 使用另一个div插入图像'；使用JS创建背景图像

我希望我的隐藏div以图像src的形式显示单击div的背景图像。如何更改代码以实现这一点？ 致以最诚挚的问候。

<div id="hidden_div"></div>

<!-- JavaScript -->
<script>
function func(element) {
var hidden = document.getElementById("hidden_div");
hidden.style.backgroundImage = element.style.backgroundImage;
}
</script>

函数func（元素）{
var hidden=document.getElementById（“hidden_div”）；
hidden.style.backgroundImage=element.style.backgroundImage；
}

对于非内联样式，您可以使用

窗口读取它们。getComputedStyle

：

<div id="hidden_div"></div>

<!-- JavaScript -->
<script>
function func(element) {
var hidden = document.getElementById("hidden_div");
hidden.style.backgroundImage = element.style.backgroundImage;
}
</script>

function func(element) {
    var hidden = document.getElementById("hidden_div");
    hidden.style.backgroundImage = window.getComputedStyle(document.getElementById(element), null).getPropertyValue("background-image");
}

---

我想您需要附加一个

---

我不明白这个问题。为什么要在隐藏的

div

上设置背景？