const testDiv = document.createElement('div');
document.body.append(testDiv);
const numbers = Array.from({ length: 100 }, (_, i) => i);
const elements = numbers.map((number) => {
const p = document.createElement('p');
p.textContent = number;
return p;
});
testDiv.append(...elements);
testDiv.innerHTML = '';
const frag = document.createDocumentFragment();
for (const number of numbers) {
const p = document.createElement('p');
p.textContent = number;
frag.append(p);
}
testDiv.append(frag);
testDiv.innerHTML = '';
for (const number of numbers) {
const p = document.createElement('p');
p.textContent = number;
testDiv.append(p);
}
testDiv.innerHTML = '';