JavaScript · Middle · Frage 44 von 75
Wie fügt man effizient 1000 Elemente ins DOM ein?
- 1Die ganze Liste in einer Schleife jedes Mal über
innerHTML +=neu bauen - 2In einem
DocumentFragment(oder einem Array) sammeln und in einem Schritt einfügen - 3Einzeln mit
appendChildeinfügen - der Browser fasst sie selbst zusammen
Antwort zeigen
Richtige Antwort: In einem DocumentFragment (oder einem Array) sammeln und in einem Schritt einfügen
Erklärung
Jedes Einfügen ins lebende DOM kann Style- und Layout-Neuberechnung auslösen. Ein Fragment wird außerhalb des Dokuments gebaut und auf einmal eingefügt; el.append(...nodes) funktioniert genauso. innerHTML += in einer Schleife parst das ganze Markup jedes Mal neu und verliert Handler.