javascript - 在 Javascript 中从图像中获取名称

Question

我有一些可以单击的图像。
单击图像时，我应该向文本字段添加名称。
所以在这个例子中，米老鼠的图像，图像的名称是“米老鼠”，这个名称应该在文本字段中。
使用我的代码，整个图像字符串都在文本框中。

这是图片

<a onClick="insertText(this)" 
   href="#pagetwo" 
   data-transition="slide">
       <img src="images/mickey.png" 
            name="Mickey Mouse" 
            width="114" 
            height="114">
</a>

写入文本字段的函数:

function insertText(txt) {
    document.getElementById('disney').value = txt.innerHTML;
}

表单字段:

<label for="name">Melding:</label>
<input type="text" name="disneyfigure" 
       id="disney" readonly 
       value="<hier komt automatisch disney figuur>">

Answer 1

this在insertText(this)指的是 anchor 标签。因此，当您请求时，innerHTML它提供 anchor 标记中包含的 html。

此外，由于您需要提取 name 属性，因此必须专门检索此属性。

将函数更改为类似的内容

function insertText(a) {
    document.getElementById('disney').value = a.getElementsByTagName('img')[0].getAttribute('name');
}