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

我不太了解你想要什么，如果你可以向我解释，请...但是，我想在每个＆＃39; div＆＃39; in＆＃39; style＆＃39;，最后有额外的。）

Answer 2

您在脚本中进行了一些小改动，如下所示

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;

 };

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

2 个答案: