javascript - 使用 JS 的 querySelector 查找没有任何后代子元素的 div

Question

假设网站包含几个 div 元素，其中一些有一个 img 子元素，而有些则没有。querySelector是否可以在一个语句中选择拥有 img 孩子的人？如果是孙子呢？

它可以通过:not()伪选择器实现吗？

Answer 1

仅使用一个语句是不可能的querySelectorAll，但是您可以遍历具有 img 子项的 div 并使用结果NodeList来获取父 div：

var imgs = document.querySelectorAll("div > img"),
    divs = [];
for (var i = 0; i < imgs.length; i++) {
    divs.push(imgs.parentNode);
}