获取包含特定标记的节点的子节点-JavaScript

如何访问作为img标记的每个子节点的子节点

我想做一些像

document.getElementById('container').addEventListener('click', (e) => {
    const children = [...document.getElementsByClassName('profile')];
}

---

不需要进行数组操作，您可以使用查询字符串.profile>img来选择img，img是.profile的直接子级：

常量imgs=[…document.querySelectorAll'.profile>img']； console.logimgs.length； 使用此选择器容器.profile img可避免选择不需要的元素

Array.fromdocument.queryselectoral'container.profile>img.forEachimg=>console.logimg； .作为控制台包装{最大高度：100%！重要；顶部：0；} 你想得到全部还是只确定？

children.child.node('img').indexOf(e.target)

<div id="container">
  <div class="profile">
    <img src="" />
  </div>
  <div class="profile">
    <img src="" />
  </div>
  <div class="profile">
    <img src="" />
  </div>
  <div class="profile">
    <img src="" />
  </div>
  <div class="profile">
    <img src="" />
  </div>
    <div class="profile">
    <img src="" />
  </div>
</div>