Powiedz, że mam strukturę HTML

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

Aby wykonać zapytanie dla dzieci „a” za pomocą querySelectorAle mogę zrobić coś takiego

//Get "b", but not "c"
document.querySelectorAll('#a > div')

Moje pytanie brzmi: czy można to zrobić bez ID, odwołując się bezpośrednio do węzła? Próbowałem to zrobić

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

ale pojawia się błąd informujący mnie, że użyty selektor jest nieprawidłowy.

A gdyby ktoś się zastanawiał, moim prawdziwym przypadkiem użycia byłoby coś bardziej skomplikowanego, takiego jak „> .foo .bar .baz”, więc wolałbym unikać ręcznego przechodzenia przez DOM. Obecnie dodaję tymczasowy identyfikator do głównego katalogu głównego, ale wygląda to na brzydki hack ...