JavaScript · Middle · Запитання 44 з 75
Як ефективно вставити в DOM 1000 елементів?
- ✓Правильна відповідь: Зібрати їх у
DocumentFragment(або один масив) і вставити однією операцією - 2Вставляти по одному через
appendChild- браузер сам їх об'єднає - 3Щоразу перезбирати весь список через
innerHTML +=у циклі
Пояснення
Кожна вставка в живий DOM може спричинити перерахунок стилів і розкладки. Фрагмент збирається поза документом і вставляється разом; так само працює el.append(...nodes). innerHTML += у циклі щоразу заново розбирає всю розмітку й втрачає обробники.