Cuando se utiliza querySelectorAll, ¿hay alguna forma de hacer referencia a los elementos secundarios inmediatos del nodo de contexto, sin usar ID?
Digamos que tengo una estructura HTML como
<div id="a">
<div id="b">
<div id="c"></div>
</div>
</div>
Para hacer una consulta para los hijos de "a" usando querySelectorAll puedo hacer algo como
//Get "b", but not "c"
document.querySelectorAll('#a > div')
Mi pregunta es: ¿es posible hacer esto sin la ID, haciendo referencia al nodo directamente? Traté de hacer
var a_div = document.getElementById('a')
a_div.querySelectorAll('> div') //<-- error here
pero me sale un error que me dice que el selector que utilicé no es válido.
Y en caso de que alguien se lo pregunte, mi caso de uso real sería algo más complicado como '> .foo .bar .baz', así que preferiría evitar el desplazamiento manual de DOM. Actualmente estoy agregando una identificación temporal a la división raíz, pero eso parece un truco feo ...