在ul javascript中获取图像位置

我试图通过ul获取图像的位置，例如：

function myFunction(){
  var img = document.getElementById("myID").querySelectorAll("img");
  var x = x;
  img[x].style.backgroundColor = "red";
}

当有人单击图像时，该功能将运行

我想要一种方法来获取var x=单击的图像的编号

---

我不知道jQuery，所以如果它都是平面javascript，我将不胜感激。

这是一个x-y问题。可能：

//wait for all clicks
window.addEventListener("click",function(event){
//check if it has a parent with id myID
  var e=event.target;
  while(e!==document.body && e.id!="myID"){
      e=e.parent;
  }
 if(e.id=="myID"){
   //set a backgroundcolor to the clicked element. May also check if Node is IMG
    event.target.style.backgroundColor="red";
}
});

---

如何调用函数？这对于解决这个问题很重要。单击的图像的编号是什么意思。您想要在DOM中的实际位置，还是有多个图像并且只想要图像的索引？@Slence他想要索引。@PatrickRoberts正在使用onclick='myFunction（）调用function函数'标记在图像中，您就快到了。在onClick处尝试将事件从传递到函数中。您将有权访问正在单击的元素。