Javascript 使用另一个div在div中插入img'；在JS中将背景图像作为src

在那里。如何更改JS代码以便在隐藏分区中只有一个图像？这是我的密码

致以最良好的祝愿

<a href="#"><div onClick="show(this);" class="img" style="background-ima ge:url('css/images1/img/img1.jpg');background-size:100% 100%;")></div></a>
<a href="#"><div onClick="show(this);" class="img" style="background-image:url('css/images1/img/img2.jpg');background-size:100% 100%;")></div></a>
<a href="#"><div onClick="show(this);" class="img" style="background-image:url('css/images1/img/img3.jpg');background-size:100% 100%;")></div></a>

<div id="hidden_div"></div>
<script>
function show(element) {
          var hidden = document.getElementById("hidden_div");

          var imgElement = document.createElement("IMG"); 

          imgElement.src=element.style.backgroundImage.replace('url(','').replace(')','');
          hidden.appendChild(imgElement);
          };
 </script>

功能展示（元素）{
var hidden=document.getElementById（“hidden_div”）；
var imgElement=document.createElement（“IMG”）；
imgElement.src=element.style.backgroundImage.replace（'url（'，''）.replace（'），''）；
隐藏。附加子对象（imgElement）；
};

我不太明白你想要什么，如果你能给我解释一下，请。。但是，我认为在每个“div”中，在“style”中，末尾都有一个额外的）字符。

您对脚本做了如下小更改

function show(element) {

    var hidden = document.getElementById("hidden_div"); 
    var imgURL = element.style.backgroundImage.replace('url(','').replace(')','');    
    var imgElement = "<img src='"+ imgURL +"' /> 
    hidden.innerHTML  = imgElement;

 };

功能显示（元素）{
var hidden=document.getElementById（“hidden_div”）；
var imgURL=element.style.backgroundImage.replace（'url（'，''）.replace（'），''）；
变量imgElement=”
hidden.innerHTML=imgElement；
};

非常感谢大家，非常喜欢。：）虽然被接受的答案在跨浏览器中不起作用，但它在我的浏览器中起作用。好吧，如果只有你在看它，那就没关系了。不过我会自己选择更好的代码。你知道你的代码不在Mozila firefox上运行，浏览器会显示空的img图标。嗨，亲爱的，请更改e如下var imgElement=“…”。。删除src=部分代码中的双引号。我登录了firfox和chrome，它现在可以工作了。谢谢你，亲爱的，非常感谢，现在它工作得很好。我已经解决了这个问题，谢谢你的关注，是的，你是对的，我的代码中有一个额外的逗号，我已经更正了。：）