使用JS的querySelector查找没有任何子孙的div

Question

假设网站包含几个div元素，其中一些有img孩子，而有些则不知道。是否有可能在一个querySelector声明中选择拥有img孩子的人？如果是孙子会怎么样？

是否可以通过:not()伪选择器执行？

Answer 1

仅使用一个querySelectorAll语句是不可能的，但您可以循环遍历包含img childs的div并使用结果NodeList来获取父div：

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