如何将图像 ID 作为 function 参数发送？

Question

所以我有这个 function：

function toggle()
{
  var Blur=document.getElementById('blur');
  Blur.classList.toggle('active');
  var PopUp=document.getElementById('PopUp');
  PopUp.classList.toggle('active');
}

当您单击图像时，会打开该图像的预览。 除了在我的网站上为 n 张照片创建 n 个函数之外，还有什么方法可以将图像 id 作为参数发送？ 我在想类似的事情：

function toggle(IdParameter)
{
  var Blur=document.getElementById('blur');
  Blur.classList.toggle('active');
  var PopUp=document.getElementById('IdParameter');
  PopUp.classList.toggle('active');
}

Answer 1

您可以使用“this”并将图像作为元素粘贴到 function。 然后就可以从图片中得到你需要的东西了：src, alt, id, class..

 function myFunction(e){ console.log(e.src) }

 <img src="img_1.jpg" alt="image1" onclick="myFunction(this);"> <img src="img_2.jpg" alt="image2" onclick="myFunction(this);">