javascript - 如何在循环 div 数组时获取子 img 元素的 src 属性？

Question

我想循环一些<div>标签并获取 src child 的属性<img>元素，但我不知道该怎么做。这就是我到目前为止所拥有的。

const imgs = document.querySelectorAll(".imgs .imagecont");

imgClick = (event) => {
  console.log(event.target.src);
};

imgs.forEach(img => img.addEventListener("click", imgClick));

<div class="imgs">
  <div class="imagecont">
    <img src="assets/img1.jpeg">
  </div>
  <div class="imagecont">
    <img src="assets/img2.jpeg">
  </div>
</div>

此外，我必须使用vanilla javascript。

Answer 1

尝试使用Element.getAttribute()

The getAttribute() method of the Element interface returns the value of a specified attribute on the element.

const imgs = document.querySelectorAll(".imgs .imagecont");

imgClick = (event) => {
    console.log(event.target.getAttribute('src'));
};

imgs.forEach(img => img.addEventListener("click", imgClick));

<div class="imgs">
    <div class="imagecont">
        <img src="assets/img1.jpeg">
    </div>
    <div class="imagecont">
        <img src="assets/img2.jpeg">
    </div>
</div>