Javascript 单击将图像添加到文本区域

我试图将我点击的每个不同的图像添加到文本区域，但我只能得到要添加的第一个图像

只是补充一下，我正在使用。下面是html的外观：

<div class="item link" id="images_available">
    <img src="https://s3.amazonaws.com/msluploads/'.$image['name'].'" class="img-responsive img-post"/>
    <div class="after">                                                                     
        <span class="zoom">
            <i class="fa fa-check text-success"></i>
        </span>
    </div></div>

如果

上面的HTML对于显示的每个图像都是重复的

如果完全正确，您将在DOM中多次使用id

images\u

。但是ID必须是唯一的。你总是得到第一个，因为

document.getElementById('images_available');

将始终获得具有此id的第一个元素，因为它不需要DOM中的任何其他元素

您应该能够通过使用

this

而不是

someimage

来修复此问题：

var myimg = this.getElementsByTagName('img')[0];

如果

上面的HTML对于显示的每个图像都是重复的

如果完全正确，您将在DOM中多次使用id

images\u

。但是ID必须是唯一的。你总是得到第一个，因为

document.getElementById('images_available');

将始终获得具有此id的第一个元素，因为它不需要DOM中的任何其他元素

您应该能够通过使用

this

而不是

someimage

来修复此问题：

var myimg = this.getElementsByTagName('img')[0];

---

添加与owl转盘相关的代码。PHP

。$image[“name”]。

也会被复制吗？这行不是：

someimage.getElementsByTagName（'img'）[0]

始终选择第一个图像吗？与答案无关，因为@JonathanLam提示$image['name']不会被呈现，因为它实际上应该是变量

$image][“名称”[/COD]是由单引号连接的……这无疑是在<代码> >回声< /代码> @ JMRAGADD中，与OWL CARUSELL相关的代码是PHP <代码> > $图像[名称] ]也被复制了？这行不是：<代码>某个图像。GETelEntsByTAGNITY（IMG）[0 ]“/CODE”总是选择第一个图像？与答案无关，因为@ JONANDANLAM提示$图像[名称]不会被渲染，因为它应该是^ ^实际上，变量<代码> $图像[ [名称] ] /代码>是由单引号连接的……这无疑已经在<代码>中的回声< /代码> @ JmRag。