在 JS 中使用另一个 div 的背景图像作为 src 在 div 中插入 img

Question

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

致以最良好的问候。

<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>

Answer 1

您在脚本中做了如下的小更改

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;
 };

Answer 2

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