查找通用项的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;
    }

显然我可以命名缩略图，但那时需要为每个缩略图创建一个新代码 - 所以我正在寻找一个通用运算符来获取已被点击的-thing的src属性。

马特

Answer 1

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

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