使用JS的querySelector找到一个没有任何后裔子元的div

Question

假设网站包含多个div元素，其中一些div元素有一个img子元素，而另一些元素没有。是否有可能在一个querySelector声明中选择拥有img孩子的人？如果是孙子呢？

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

Answer 1

这是不可能只用一个querySelectorAll语句，但您可以通过有孩子的IMG和使用结果NodeList获取父的div的div循环：

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