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;
    }

很明显，我可以为缩略图命名，但这需要为每个缩略图编写新代码 - 所以我正在寻找一个通用运算符来表示已被单击的事物的 src 属性。

Answer 1

你可以在onclick中使用this来引用图片:

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