Al usar querySelectorAll, ¿hay alguna manera de hacer referencia a los secundarios inmediatos del nodo contextual, sin usar IDs?

Question

Digamos que tiene una estructura HTML como

<div id="a"> 
    <div id="b"> 
    <div id="c"></div> 
    </div> 
</div> 

Para hacer una consulta para los niños 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? Intenté hacer

var a_div = document.getElementById('a') 
a_div.querySelectorAll('> div') //<-- error here 

pero me sale un error diciéndome que el selector que utilicé no es válido.

---

Y en caso de que alguien se lo pregunta, mi caso de uso real sería algo más complicado como '> .foo .bar .baz', así que preferiría evitar recorrido DOM manual. Actualmente estoy agregando una identificación temporal a la raíz div pero eso parece un hack feo ...

Answer 1

No, no hay una forma ^(todavía) para hacer referencia a todos los elementos secundarios de algún elemento sin usar una referencia a ese elemento. Como > es un child combinator, que representa una relación entre un elemento primario y secundario, es necesario un simple selector (un elemento principal) (que falta en su ejemplo).

En un comentario, BoltClock said que el Selectors API Level 2 specification define un método findAll^{nombre puede cambio}", que acepta como argumento lo que probablemente se conoce como un selector relativa (un selector que puede comenzar con un combinador en lugar de un selector compuesto) ".
Cuando esto se lleva a cabo, que puede ser utilizado de la siguiente manera:

a_div.findAll('> div'); 

Answer 2

creo que debo estar mal entendido su pregunta, pero esta es la forma en que estoy interpretarlo ..

var a = document.getElementById('a') 
var results = a.querySelectorAll('div'); 

resultados sostendrán todos sus divs hijos ahora.

Answer 3

document.querySelector('#a').querySelectorAll(':scope > div') 

No estoy seguro de la compatibilidad con el navegador, pero la utilizo en las aplicaciones empaquetadas para móviles chrome y chrome y funciona bien.