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 ...