我有一个简单的功能,可以在用户点击缩略图时显示图库中的图像:
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 属性。
最佳答案
你可以在onclick中使用this
来引用图片:
<img
src="../images/image.png"
width="50"
height="100"
onclick='changeImage(this.src);'
/>
关于javascript - 查找通用项的 Src 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17450363/