Javascript 克隆用户选择的特定映像？

您好，提前感谢您的阅读

我在使用JavaScript时遇到了一些问题（其实我不知道如何处理它）

我的页面显示各种图像，我希望将它们复制（克隆）到特定的div，但仅限于用户选择的图像（通过双击）。但是有很多图片，所以我不能只给每个图片一个ID

有没有办法让图像对脚本说“嘿，我是图像X”之类的

此外，我如何使克隆的图像不可克隆，只允许用户克隆页面中最初的图像（即使他/她可以无限次地克隆）

我真的不太懂JavaScript，但我到处搜索，没有找到解决方案

---

再次感谢你

您能使用jQuery吗？这会让你的问题变得容易很多

$('img').dbclick(function(){
   var image = $(this).clone(); 
   $('div#target').append(image);
});

---

“div#target”只需要是要粘贴到的div的CSS选择器

这将在用户每次单击特定图像时向占位符追加一个新图像

<script type="text/javascript">

    setTimeout(function () {

        var imgView,
            imgPH = document.getElementById('imgPlaceHolder'),
            imgs = document.body.querySelectorAll('img');

        var showImageInPlaceHolder = function () {

            var imgView = document.createElement('img');
            imgView.src = this.src;
            imgPH.appendChild(imgView);
        };

        for (var i = 0; i < imgs.length; i += 1) {

            imgs[i].onclick = showImageInPlaceHolder;
        };
    }, 100);


</script>

<img src="/someimage1.jpg" />
<img src="/someimage2.jpg" />
<img src="/someimage3.jpg" />
<img src="/someimage4.jpg" />
<img src="/someimage5.jpg" />
<img src="/someimage6.jpg" />
<img src="/someimage7.jpg" />

<div id="imgPlaceHolder"></div>

setTimeout（函数（）{
var imgView，
imgPH=document.getElementById（'imgPlaceHolder'），
imgs=document.body.querySelectorAll（'img'）；
var showImageInPlaceHolder=函数（）{
var imgView=document.createElement（'img'）；
imgView.src=this.src；
imgPH.appendChild（imgView）；
};
对于（变量i=0；i

它工作正常，但我不希望图像覆盖上一张图像。无论如何谢谢你！图像未覆盖旧图像。脚本所做的是将PlaceHoldSRC中的图像指向单击图像所指向的同一个src。哦，明白了。因此，这对我不起作用，我需要脚本让用户查看他/她选择的所有图像。您是希望一个接一个地追加图像，还是希望保存所选图像并让用户单击按钮查看所有所选图像？好的，您要查找的代码可用。我已经替换了原始代码。