javascript - 通过img直接路径src输入onClick

Question

我有这个片段:

<script>
  function changeValue(o){
    document.getElementsByName('NAME')[0].value=o;
  }
</script>

<span onclick="changeValue(this.innerHTML)" style="cursor: pointer;">One</span>
<span onclick="changeValue(this.innerHTML)" style="cursor: pointer;">Two</span>
<img src='image.gif' onclick="changeValue(this.src)" />

<input type="text" name="NAME" value="SOMETHING">

我试图做到这一点，所以当点击 img 时，它会传递位于“”之间的 src，而不是实际的 url

现在点击图片结果

http:/site.com/image.gif

放在输入中

但我需要它只是

image.gif

在输入中

我怎样才能做到这一点？

Answer 1

HTMLImageElement 的

src 属性对象返回图像的完整/计算源。要获得所需的结果，您可以使用 getAttribute 方法，该方法返回属性的指定值。

this.getAttribute('src')