Click-Event auswerten (stopPropagation)

[Gunnar Bittersmann]

@@Der Martin

kleiner aber feiner Unterschied, den ich noch nicht kannte. querySelectorAll("#list > li") wäre da ja auch noch möglich, weist du was performanter ist?

ich weiß es nicht, aber ich habe die starke Vermutung, dass die Verwendung der "von Haus aus" existierenden Collections günstiger ist als eine generische Lösung, die das DOM anhand eines beliebigen Selektors absuchen muss.

querySelector()/querySelectorAll() lässt sich übrigens nicht nur auf document anwenden, sondern auch auf HTMLElemente. Wenn man list also bereits hat, geht

var items = list.querySelectorAll(':scope > li');

und man würde nicht das ganze DOM erneut durchsuchen, sondern nur den Teilbaum unter list.

Aber natürlich kann (sollte!) man sich auch das sparen, wenn die children-Collection bereits „von Haus aus“ existiert.

LLAP 🖖