如何使用javascript获取锚定标记中的img标记的src？

Html代码如下所示，我有更多的这些标记，因此类：

<a class = "openmodal">
   <img class="case" src="aqua.jpg>
   <h4>Aqua</h4>        
</a>

水绿色

javascript如下所示，基本上我想获取img标记，以便获得其src：

var btns = document.getElementsByClassName("openmodal");
for(let i=0;i<btns.length;i++){
    var x = btns[i].firstChild;
    console.log(x);
   btns[i].onclick = function() {
      modal.style.display = "block";
   }
}

var btns=document.getElementsByClassName（“openmodel”）；
对于（让i=0；i使用
querySelectorAll


//将给出该类的所有锚标记
var btns=document.queryselectoral（“.openmodal”）；
//迭代此集合
对于（设i=0；i


水绿色
Aqua2
使用
querySelectorAll


//将给出该类的所有锚标记
var btns=document.queryselectoral（“.openmodal”）；
//迭代此集合
对于（设i=0；i


水绿色
Aqua2
尝试
document.getElementsByTagName（“img”）
仅获取图像

HTML

尝试
document.getElementsByTagName（“img”）
仅获取图像

HTML

更快更好的方法


var btns=document.getElementsByClassName（“openmodel”）；
var len=btns.长度；
而(len--){
var btn=btn[len]；
btn.children[0]。onclick=function（）{
log（this.src）；
};
}

水绿色
水绿色
更快更好的方法


var btns=document.getElementsByClassName（“openmodel”）；
var len=btns.长度；
而(len--){
var btn=btn[len]；
btn.children[0]。onclick=function（）{
log（this.src）；
};
}

水绿色
水绿色
您可以通过这种方式尝试获取
img
的
src
属性


var ele=document.getElementsByClassName（'openmodel'）；
如果（元素长度>0）{
对于（i=0；i


水绿色
您可以通过这种方式尝试获取
img
的
src
属性


var ele=document.getElementsByClassName（'openmodel'）；
如果（元素长度>0）{
对于（i=0；i


水绿色
您应该在此处添加一些说明仅代码的答案不好，即使它们是正确的您应该在此处添加一些说明仅代码的答案不好，即使它们是正确的我有更多这些标记，其中一些我不需要的标记在锚定标记之外您可以先筛选所有类
openmodal
，然后查找图像在这些类中，上面更新的答案，注意：上面的解决方案将只迭代所需的图像标记。我有更多这些标记，其中一些我不需要的标记在锚标记之外。您可以首先筛选所有类
openmodal
，然后在这些类中查找图像，上面更新的答案，注意：上面的解决方案我将只迭代所需的图像标记。
<a class = "openmodal">
   <img class="case" src="aqua.jpg" />
   <h4>Aqua</h4>        
</a>
<img class="case" src="aqua1.jpg" />

var imgclasses =  document.getElementsByClassName('openmodal');
for (var imgclass of imgclasses) {
  var imgs = imgclass.getElementsByTagName("img");
  for(let i=0;i<imgs.length;i++){
      var x = imgs[i];
      console.log(x.src);
      imgs[i].onclick = function() {
        modal.style.display = "block";
      }
  }
};