javascript - 查找通用项目的 Src 属性

Question

当用户单击缩略图时，我有一个简单的功能可以在图库中显示图像：

function changeImage(s) {
    document.getElementById("img").src=s;
    }

现在，这意味着缩略图看起来像这样：

<img 
    src="../images/image.png"
    width="50" 
    height="100" 
    onclick='changeImage("../images/image.png");'
    />

使用另一个名为“img”的图像已更改。

这很好，但意味着必须输入两次位置 - 当使用相同类型的函数来更改 alt 属性时也会变得更加混乱。

所以我想要的是这样的：

function changeImage() {
    var s = [src of thumbnail]
    document.getElementById("img").src=s;
    }

显然，我可以命名缩略图，但是这需要为每个缩略图制作一个新代码 - 所以我正在为 the-thing-which has-been-clicked-upon 的 src 属性寻找一个通用运算符。

马特

score 2 · Accepted Answer

您可以this在 onclick 中使用来引用图像：

<img 
    src="../images/image.png"
    width="50" 
    height="100" 
    onclick='changeImage(this.src);'
    />

1 回答 1