Gibt es eine Möglichkeit, bei Verwendung von querySelectorAll auf die direkten untergeordneten Elemente des Kontextknotens zu verweisen, ohne IDs zu verwenden?

Angenommen, ich habe eine HTML-Struktur wie

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

Um mit querySelectorAll eine Abfrage für die Kinder von "a" durchzuführen, kann ich so etwas tun

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

Meine Frage ist: ist es möglich, dies ohne die ID zu tun, die direkt auf den Knoten verweist? Ich habe es versucht

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

Ich erhalte jedoch die Fehlermeldung, dass der von mir verwendete Selektor ungültig ist.

Und falls sich jemand wundert, wäre mein wirklicher Anwendungsfall etwas komplizierteres wie '> .foo .bar .baz', daher würde ich es vorziehen, manuelles DOM-Durchlaufen zu vermeiden. Momentan füge ich der Root-Div eine temporäre ID hinzu, aber das scheint ein hässlicher Hack zu sein ...

Antworten auf die Frage(3)

Ihre Antwort auf die Frage