MeasureThat.net

 innerHTML vs removeChild (firstChild and lastChild) (version: 0)

From http://jsfiddle.net/6K6mv/5/ to test the answers to this StackOverflow question: https://stackoverflow.com/questions/3955229/remove-all-child-elements-of-a-dom-node-in-javascript

Comparing performance of: innerHTML vs removeChild( firstChild ) vs removeChild( lastChild )

Created: 6 years ago by: Guest
Jump to the latest result
HTML Preparation code:
AخA
 
1
<div id="container">
2
  Ahoj
3
        <div>
4
            Ahoj
5
            <span>Ahoj</span>
6
            <div>A<span>ho</span>j<div></div></div>
7
        </div>
8
        <span>Ahoj Aho</span>j
9
        <span>A</span><div>ho<span>j</span></div>
10
        <div>
11
            <span>A</span>
12
            <div><div><div><div>ho</div></div>j</div></div>
13
            Džus
14
        </div>
15
               Ahoj
16
        <div>
17
            Ahoj
18
            <span>Ahoj</span>
19
            <div>A<span>ho</span>j<div></div></div>
20
        </div>
21
        <span>Ahoj Aho</span>j
22
        <span>A</span><div>ho<span>j</span></div>
23
        <div>
24
            <span>A</span>
25
            <div><div><div><div>ho</div></div>j</div></div>
26
            Džus
27
        </div>
28
               Ahoj
29
        <div>
30
            Ahoj
31
            <span>Ahoj</span>
32
            <div>A<span>ho</span>j<div></div></div>
33
        </div>
34
        <span>Ahoj Aho</span>j
35
        <span>A</span><div>ho<span>j</span></div>
36
        <div>
37
            <span>A</span>
38
            <div><div><div><div>ho</div></div>j</div></div>
39
            Džus
40
        </div>
41
               Ahoj
42
        <div>
43
            Ahoj
44
            <span>Ahoj</span>
45
            <div>A<span>ho</span>j<div></div></div>
46
        </div>
47
        <span>Ahoj Aho</span>j
48
        <span>A</span><div>ho<span>j</span></div>
49
        <div>
50
            <span>A</span>
51
            <div><div><div><div>ho</div></div>j</div></div>
52
            Džus
53
        </div>
54
               Ahoj
55
        <div>
56
            Ahoj
57
            <span>Ahoj</span>
58
            <div>A<span>ho</span>j<div></div></div>
59
        </div>
60
        <span>Ahoj Aho</span>j
61
        <span>A</span><div>ho<span>j</span></div>
62
        <div>
63
            <span>A</span>
64
            <div><div><div><div>ho</div></div>j</div></div>
65
            Džus
66
        </div>
67
               Ahoj
68
        <div>
69
            Ahoj
70
            <span>Ahoj</span>
71
            <div>A<span>ho</span>j<div></div></div>
72
        </div>
73
        <span>Ahoj Aho</span>j
74
        <span>A</span><div>ho<span>j</span></div>
75
        <div>
76
            <span>A</span>
77
            <div><div><div><div>ho</div></div>j</div></div>
78
            Džus
79
        </div>
80
               Ahoj
81
        <div>
82
            Ahoj
83
            <span>Ahoj</span>
84
            <div>A<span>ho</span>j<div></div></div>
85
        </div>
86
        <span>Ahoj Aho</span>j
87
        <span>A</span><div>ho<span>j</span></div>
88
        <div>
89
            <span>A</span>
90
            <div><div><div><div>ho</div></div>j</div></div>
91
            Džus
92
        </div>
93
               Ahoj
94
        <div>
95
            Ahoj
96
            <span>Ahoj</span>
97
            <div>A<span>ho</span>j<div></div></div>
98
        </div>
99
        <span>Ahoj Aho</span>j
100
        <span>A</span><div>ho<span>j</span></div>
101
        <div>
102
            <span>A</span>
103
            <div><div><div><div>ho</div></div>j</div></div>
104
            Džus
105
        </div>
106
               Ahoj
107
        <div>
108
            Ahoj
109
            <span>Ahoj</span>
110
            <div>A<span>ho</span>j<div></div></div>
111
        </div>
112
        <span>Ahoj Aho</span>j
113
        <span>A</span><div>ho<span>j</span></div>
114
        <div>
115
            <span>A</span>
116
            <div><div><div><div>ho</div></div>j</div></div>
117
            Džus
118
        </div>
119
               Ahoj
120
        <div>
121
            Ahoj
122
            <span>Ahoj</span>
123
            <div>A<span>ho</span>j<div></div></div>
124
        </div>
125
        <span>Ahoj Aho</span>j
126
        <span>A</span><div>ho<span>j</span></div>
127
        <div>
128
            <span>A</span>
129
            <div><div><div><div>ho</div></div>j</div></div>
130
            Džus
131
        </div>
132
               Ahoj
133
        <div>
134
            Ahoj
135
            <span>Ahoj</span>
136
            <div>A<span>ho</span>j<div></div></div>
137
        </div>
138
        <span>Ahoj Aho</span>j
139
        <span>A</span><div>ho<span>j</span></div>
140
        <div>
141
            <span>A</span>
142
            <div><div><div><div>ho</div></div>j</div></div>
143
            Džus
144
        </div>
145
               Ahoj
146
        <div>
147
            Ahoj
148
            <span>Ahoj</span>
149
            <div>A<span>ho</span>j<div></div></div>
150
        </div>
151
        <span>Ahoj Aho</span>j
152
        <span>A</span><div>ho<span>j</span></div>
153
        <div>
154
            <span>A</span>
155
            <div><div><div><div>ho</div></div>j</div></div>
156
            Džus
157
        </div>
158
               Ahoj
159
        <div>
160
            Ahoj
161
            <span>Ahoj</span>
162
            <div>A<span>ho</span>j<div></div></div>
163
        </div>
164
        <span>Ahoj Aho</span>j
165
        <span>A</span><div>ho<span>j</span></div>
166
        <div>
167
            <span>A</span>
168
            <div><div><div><div>ho</div></div>j</div></div>
169
            Džus
170
        </div>
171
               Ahoj
172
        <div>
173
            Ahoj
174
            <span>Ahoj</span>
175
            <div>A<span>ho</span>j<div></div></div>
176
        </div>
177
        <span>Ahoj Aho</span>j
178
        <span>A</span><div>ho<span>j</span></div>
179
        <div>
180
            <span>A</span>
181
            <div><div><div><div>ho</div></div>j</div></div>
182
            Džus
183
        </div>
184
               Ahoj
185
        <div>
186
            Ahoj
187
            <span>Ahoj</span>
188
            <div>A<span>ho</span>j<div></div></div>
189
        </div>
190
        <span>Ahoj Aho</span>j
191
        <span>A</span><div>ho<span>j</span></div>
192
        <div>
193
            <span>A</span>
194
            <div><div><div><div>ho</div></div>j</div></div>
195
            Džus
196
        </div>
197
               Ahoj
198
        <div>
199
            Ahoj
200
            <span>Ahoj</span>
201
            <div>A<span>ho</span>j<div></div></div>
202
        </div>
203
        <span>Ahoj Aho</span>j
204
        <span>A</span><div>ho<span>j</span></div>
205
        <div>
206
            <span>A</span>
207
            <div><div><div><div>ho</div></div>j</div></div>
208
            Džus
209
        </div>
210
               Ahoj
211
        <div>
212
            Ahoj
213
            <span>Ahoj</span>
214
            <div>A<span>ho</span>j<div></div></div>
215
        </div>
216
        <span>Ahoj Aho</span>j
217
        <span>A</span><div>ho<span>j</span></div>
218
        <div>
219
            <span>A</span>
220
            <div><div><div><div>ho</div></div>j</div></div>
221
            Džus
222
        </div>
223
               Ahoj
224
        <div>
225
            Ahoj
226
            <span>Ahoj</span>
227
            <div>A<span>ho</span>j<div></div></div>
228
        </div>
229
        <span>Ahoj Aho</span>j
230
        <span>A</span><div>ho<span>j</span></div>
231
        <div>
232
            <span>A</span>
233
            <div><div><div><div>ho</div></div>j</div></div>
234
            Džus
235
        </div>
236
               Ahoj
237
        <div>
238
            Ahoj
239
            <span>Ahoj</span>
240
            <div>A<span>ho</span>j<div></div></div>
241
        </div>
242
        <span>Ahoj Aho</span>j
243
        <span>A</span><div>ho<span>j</span></div>
244
        <div>
245
            <span>A</span>
246
            <div><div><div><div>ho</div></div>j</div></div>
247
            Džus
248
        </div>
249
               Ahoj
250
        <div>
251
            Ahoj
252
            <span>Ahoj</span>
253
            <div>A<span>ho</span>j<div></div></div>
254
        </div>
255
        <span>Ahoj Aho</span>j
256
        <span>A</span><div>ho<span>j</span></div>
257
        <div>
258
            <span>A</span>
259
            <div><div><div><div>ho</div></div>j</div></div>
260
            Džus
261
        </div>
262
        Ahoj
263
        <div>
264
            Ahoj
265
            <span>Ahoj</span>
266
            <div>A<span>ho</span>j<div></div></div>
267
        </div>
268
        <span>Ahoj Aho</span>j
269
        <span>A</span><div>ho<span>j</span></div>
270
        <div>
271
            <span>A</span>
272
            <div><div><div><div>ho</div></div>j</div></div>
273
            Džus
274
        </div>
275
               Ahoj
276
        <div>
277
            Ahoj
278
            <span>Ahoj</span>
279
            <div>A<span>ho</span>j<div></div></div>
280
        </div>
281
        <span>Ahoj Aho</span>j
282
        <span>A</span><div>ho<span>j</span></div>
283
        <div>
284
            <span>A</span>
285
            <div><div><div><div>ho</div></div>j</div></div>
286
            Džus
287
        </div>
288
               Ahoj
289
        <div>
290
            Ahoj
291
            <span>Ahoj</span>
292
            <div>A<span>ho</span>j<div></div></div>
293
        </div>
294
        <span>Ahoj Aho</span>j
295
        <span>A</span><div>ho<span>j</span></div>
296
        <div>
297
            <span>A</span>
298
            <div><div><div><div>ho</div></div>j</div></div>
299
            Džus
300
        </div>
301
               Ahoj
302
        <div>
303
            Ahoj
304
            <span>Ahoj</span>
305
            <div>A<span>ho</span>j<div></div></div>
306
        </div>
307
        <span>Ahoj Aho</span>j
308
        <span>A</span><div>ho<span>j</span></div>
309
        <div>
310
            <span>A</span>
311
            <div><div><div><div>ho</div></div>j</div></div>
312
            Džus
313
        </div>
314
               Ahoj
315
        <div>
316
            Ahoj
317
            <span>Ahoj</span>
318
            <div>A<span>ho</span>j<div></div></div>
319
        </div>
320
        <span>Ahoj Aho</span>j
321
        <span>A</span><div>ho<span>j</span></div>
322
        <div>
323
            <span>A</span>
324
            <div><div><div><div>ho</div></div>j</div></div>
325
            Džus
326
        </div>
327
               Ahoj
328
        <div>
329
            Ahoj
330
            <span>Ahoj</span>
331
            <div>A<span>ho</span>j<div></div></div>
332
        </div>
333
        <span>Ahoj Aho</span>j
334
        <span>A</span><div>ho<span>j</span></div>
335
        <div>
336
            <span>A</span>
337
            <div><div><div><div>ho</div></div>j</div></div>
338
            Džus
339
        </div>
340
               Ahoj
341
        <div>
342
            Ahoj
343
            <span>Ahoj</span>
344
            <div>A<span>ho</span>j<div></div></div>
345
        </div>
346
        <span>Ahoj Aho</span>j
347
        <span>A</span><div>ho<span>j</span></div>
348
        <div>
349
            <span>A</span>
350
            <div><div><div><div>ho</div></div>j</div></div>
351
            Džus
352
        </div>
353
               Ahoj
354
        <div>
355
            Ahoj
356
            <span>Ahoj</span>
357
            <div>A<span>ho</span>j<div></div></div>
358
        </div>
359
        <span>Ahoj Aho</span>j
360
        <span>A</span><div>ho<span>j</span></div>
361
        <div>
362
            <span>A</span>
363
            <div><div><div><div>ho</div></div>j</div></div>
364
            Džus
365
        </div>
366
               Ahoj
367
        <div>
368
            Ahoj
369
            <span>Ahoj</span>
370
            <div>A<span>ho</span>j<div></div></div>
371
        </div>
372
        <span>Ahoj Aho</span>j
373
        <span>A</span><div>ho<span>j</span></div>
374
        <div>
375
            <span>A</span>
376
            <div><div><div><div>ho</div></div>j</div></div>
377
            Džus
378
        </div>
379
               Ahoj
380
        <div>
381
            Ahoj
382
            <span>Ahoj</span>
383
            <div>A<span>ho</span>j<div></div></div>
384
        </div>
385
        <span>Ahoj Aho</span>j
386
        <span>A</span><div>ho<span>j</span></div>
387
        <div>
388
            <span>A</span>
389
            <div><div><div><div>ho</div></div>j</div></div>
390
            Džus
391
        </div>
392
               Ahoj
393
        <div>
394
            Ahoj
395
            <span>Ahoj</span>
396
            <div>A<span>ho</span>j<div></div></div>
397
        </div>
398
        <span>Ahoj Aho</span>j
399
        <span>A</span><div>ho<span>j</span></div>
400
        <div>
401
            <span>A</span>
402
            <div><div><div><div>ho</div></div>j</div></div>
403
            Džus
404
        </div>
405
               Ahoj
406
        <div>
407
            Ahoj
408
            <span>Ahoj</span>
409
            <div>A<span>ho</span>j<div></div></div>
410
        </div>
411
        <span>Ahoj Aho</span>j
412
        <span>A</span><div>ho<span>j</span></div>
413
        <div>
414
            <span>A</span>
415
            <div><div><div><div>ho</div></div>j</div></div>
416
            Džus
417
        </div>
418
               Ahoj
419
        <div>
420
            Ahoj
421
            <span>Ahoj</span>
422
            <div>A<span>ho</span>j<div></div></div>
423
        </div>
424
        <span>Ahoj Aho</span>j
425
        <span>A</span><div>ho<span>j</span></div>
426
        <div>
427
            <span>A</span>
428
            <div><div><div><div>ho</div></div>j</div></div>
429
            Džus
430
        </div>
431
               Ahoj
432
        <div>
433
            Ahoj
434
            <span>Ahoj</span>
435
            <div>A<span>ho</span>j<div></div></div>
436
        </div>
437
        <span>Ahoj Aho</span>j
438
        <span>A</span><div>ho<span>j</span></div>
439
        <div>
440
            <span>A</span>
441
            <div><div><div><div>ho</div></div>j</div></div>
442
            Džus
443
        </div>
444
               Ahoj
445
        <div>
446
            Ahoj
447
            <span>Ahoj</span>
448
            <div>A<span>ho</span>j<div></div></div>
449
        </div>
450
        <span>Ahoj Aho</span>j
451
        <span>A</span><div>ho<span>j</span></div>
452
        <div>
453
            <span>A</span>
454
            <div><div><div><div>ho</div></div>j</div></div>
455
            Džus
456
        </div>
457
               Ahoj
458
        <div>
459
            Ahoj
460
            <span>Ahoj</span>
461
            <div>A<span>ho</span>j<div></div></div>
462
        </div>
463
        <span>Ahoj Aho</span>j
464
        <span>A</span><div>ho<span>j</span></div>
465
        <div>
466
            <span>A</span>
467
            <div><div><div><div>ho</div></div>j</div></div>
468
            Džus
469
        </div>
470
               Ahoj
471
        <div>
472
            Ahoj
473
            <span>Ahoj</span>
474
            <div>A<span>ho</span>j<div></div></div>
475
        </div>
476
        <span>Ahoj Aho</span>j
477
        <span>A</span><div>ho<span>j</span></div>
478
        <div>
479
            <span>A</span>
480
            <div><div><div><div>ho</div></div>j</div></div>
481
            Džus
482
        </div>
483
               Ahoj
484
        <div>
485
            Ahoj
486
            <span>Ahoj</span>
487
            <div>A<span>ho</span>j<div></div></div>
488
        </div>
489
        <span>Ahoj Aho</span>j
490
        <span>A</span><div>ho<span>j</span></div>
491
        <div>
492
            <span>A</span>
493
            <div><div><div><div>ho</div></div>j</div></div>
494
            Džus
495
        </div>
496
               Ahoj
497
        <div>
498
            Ahoj
499
            <span>Ahoj</span>
500
            <div>A<span>ho</span>j<div></div></div>
501
        </div>
502
        <span>Ahoj Aho</span>j
503
        <span>A</span><div>ho<span>j</span></div>
504
        <div>
505
            <span>A</span>
506
            <div><div><div><div>ho</div></div>j</div></div>
507
            Džus
508
        </div>
509
               Ahoj
510
        <div>
511
            Ahoj
512
            <span>Ahoj</span>
513
            <div>A<span>ho</span>j<div></div></div>
514
        </div>
515
        <span>Ahoj Aho</span>j
516
        <span>A</span><div>ho<span>j</span></div>
517
        <div>
518
            <span>A</span>
519
            <div><div><div><div>ho</div></div>j</div></div>
520
            Džus
521
        </div>
522
        Ahoj
523
        <div>
524
            Ahoj
525
            <span>Ahoj</span>
526
            <div>A<span>ho</span>j<div></div></div>
527
        </div>
528
        <span>Ahoj Aho</span>j
529
        <span>A</span><div>ho<span>j</span></div>
530
        <div>
531
            <span>A</span>
532
            <div><div><div><div>ho</div></div>j</div></div>
533
            Džus
534
        </div>
535
               Ahoj
536
        <div>
537
            Ahoj
538
            <span>Ahoj</span>
539
            <div>A<span>ho</span>j<div></div></div>
540
        </div>
541
        <span>Ahoj Aho</span>j
542
        <span>A</span><div>ho<span>j</span></div>
543
        <div>
544
            <span>A</span>
545
            <div><div><div><div>ho</div></div>j</div></div>
546
            Džus
547
        </div>
548
               Ahoj
549
        <div>
550
            Ahoj
551
            <span>Ahoj</span>
552
            <div>A<span>ho</span>j<div></div></div>
553
        </div>
554
        <span>Ahoj Aho</span>j
555
        <span>A</span><div>ho<span>j</span></div>
556
        <div>
557
            <span>A</span>
558
            <div><div><div><div>ho</div></div>j</div></div>
559
            Džus
560
        </div>
561
               Ahoj
562
        <div>
563
            Ahoj
564
            <span>Ahoj</span>
565
            <div>A<span>ho</span>j<div></div></div>
566
        </div>
567
        <span>Ahoj Aho</span>j
568
        <span>A</span><div>ho<span>j</span></div>
569
        <div>
570
            <span>A</span>
571
            <div><div><div><div>ho</div></div>j</div></div>
572
            Džus
573
        </div>
574
               Ahoj
575
        <div>
576
            Ahoj
577
            <span>Ahoj</span>
578
            <div>A<span>ho</span>j<div></div></div>
579
        </div>
580
        <span>Ahoj Aho</span>j
581
        <span>A</span><div>ho<span>j</span></div>
582
        <div>
583
            <span>A</span>
584
            <div><div><div><div>ho</div></div>j</div></div>
585
            Džus
586
        </div>
587
               Ahoj
588
        <div>
589
            Ahoj
590
            <span>Ahoj</span>
591
            <div>A<span>ho</span>j<div></div></div>
592
        </div>
593
        <span>Ahoj Aho</span>j
594
        <span>A</span><div>ho<span>j</span></div>
595
        <div>
596
            <span>A</span>
597
            <div><div><div><div>ho</div></div>j</div></div>
598
            Džus
599
        </div>
600
               Ahoj
601
        <div>
602
            Ahoj
603
            <span>Ahoj</span>
604
            <div>A<span>ho</span>j<div></div></div>
605
        </div>
606
        <span>Ahoj Aho</span>j
607
        <span>A</span><div>ho<span>j</span></div>
608
        <div>
609
            <span>A</span>
610
            <div><div><div><div>ho</div></div>j</div></div>
611
            Džus
612
        </div>
613
               Ahoj
614
        <div>
615
            Ahoj
616
            <span>Ahoj</span>
617
            <div>A<span>ho</span>j<div></div></div>
618
        </div>
619
        <span>Ahoj Aho</span>j
620
        <span>A</span><div>ho<span>j</span></div>
621
        <div>
622
            <span>A</span>
623
            <div><div><div><div>ho</div></div>j</div></div>
624
            Džus
625
        </div>
626
               Ahoj
627
        <div>
628
            Ahoj
629
            <span>Ahoj</span>
630
            <div>A<span>ho</span>j<div></div></div>
631
        </div>
632
        <span>Ahoj Aho</span>j
633
        <span>A</span><div>ho<span>j</span></div>
634
        <div>
635
            <span>A</span>
636
            <div><div><div><div>ho</div></div>j</div></div>
637
            Džus
638
        </div>
639
               Ahoj
640
        <div>
641
            Ahoj
642
            <span>Ahoj</span>
643
            <div>A<span>ho</span>j<div></div></div>
644
        </div>
645
        <span>Ahoj Aho</span>j
646
        <span>A</span><div>ho<span>j</span></div>
647
        <div>
648
            <span>A</span>
649
            <div><div><div><div>ho</div></div>j</div></div>
650
            Džus
651
        </div>
652
               Ahoj
653
        <div>
654
            Ahoj
655
            <span>Ahoj</span>
656
            <div>A<span>ho</span>j<div></div></div>
657
        </div>
658
        <span>Ahoj Aho</span>j
659
        <span>A</span><div>ho<span>j</span></div>
660
        <div>
661
            <span>A</span>
662
            <div><div><div><div>ho</div></div>j</div></div>
663
            Džus
664
        </div>
665
               Ahoj
666
        <div>
667
            Ahoj
668
            <span>Ahoj</span>
669
            <div>A<span>ho</span>j<div></div></div>
670
        </div>
671
        <span>Ahoj Aho</span>j
672
        <span>A</span><div>ho<span>j</span></div>
673
        <div>
674
            <span>A</span>
675
            <div><div><div><div>ho</div></div>j</div></div>
676
            Džus
677
        </div>
678
               Ahoj
679
        <div>
680
            Ahoj
681
            <span>Ahoj</span>
682
            <div>A<span>ho</span>j<div></div></div>
683
        </div>
684
        <span>Ahoj Aho</span>j
685
        <span>A</span><div>ho<span>j</span></div>
686
        <div>
687
            <span>A</span>
688
            <div><div><div><div>ho</div></div>j</div></div>
689
            Džus
690
        </div>
691
               Ahoj
692
        <div>
693
            Ahoj
694
            <span>Ahoj</span>
695
            <div>A<span>ho</span>j<div></div></div>
696
        </div>
697
        <span>Ahoj Aho</span>j
698
        <span>A</span><div>ho<span>j</span></div>
699
        <div>
700
            <span>A</span>
701
            <div><div><div><div>ho</div></div>j</div></div>
702
            Džus
703
        </div>
704
               Ahoj
705
        <div>
706
            Ahoj
707
            <span>Ahoj</span>
708
            <div>A<span>ho</span>j<div></div></div>
709
        </div>
710
        <span>Ahoj Aho</span>j
711
        <span>A</span><div>ho<span>j</span></div>
712
        <div>
713
            <span>A</span>
714
            <div><div><div><div>ho</div></div>j</div></div>
715
            Džus
716
        </div>
717
               Ahoj
718
        <div>
719
            Ahoj
720
            <span>Ahoj</span>
721
            <div>A<span>ho</span>j<div></div></div>
722
        </div>
723
        <span>Ahoj Aho</span>j
724
        <span>A</span><div>ho<span>j</span></div>
725
        <div>
726
            <span>A</span>
727
            <div><div><div><div>ho</div></div>j</div></div>
728
            Džus
729
        </div>
730
               Ahoj
731
        <div>
732
            Ahoj
733
            <span>Ahoj</span>
734
            <div>A<span>ho</span>j<div></div></div>
735
        </div>
736
        <span>Ahoj Aho</span>j
737
        <span>A</span><div>ho<span>j</span></div>
738
        <div>
739
            <span>A</span>
740
            <div><div><div><div>ho</div></div>j</div></div>
741
            Džus
742
        </div>
743
               Ahoj
744
        <div>
745
            Ahoj
746
            <span>Ahoj</span>
747
            <div>A<span>ho</span>j<div></div></div>
748
        </div>
749
        <span>Ahoj Aho</span>j
750
        <span>A</span><div>ho<span>j</span></div>
751
        <div>
752
            <span>A</span>
753
            <div><div><div><div>ho</div></div>j</div></div>
754
            Džus
755
        </div>
756
               Ahoj
757
        <div>
758
            Ahoj
759
            <span>Ahoj</span>
760
            <div>A<span>ho</span>j<div></div></div>
761
        </div>
762
        <span>Ahoj Aho</span>j
763
        <span>A</span><div>ho<span>j</span></div>
764
        <div>
765
            <span>A</span>
766
            <div><div><div><div>ho</div></div>j</div></div>
767
            Džus
768
        </div>
769
               Ahoj
770
        <div>
771
            Ahoj
772
            <span>Ahoj</span>
773
            <div>A<span>ho</span>j<div></div></div>
774
        </div>
775
        <span>Ahoj Aho</span>j
776
        <span>A</span><div>ho<span>j</span></div>
777
        <div>
778
            <span>A</span>
779
            <div><div><div><div>ho</div></div>j</div></div>
780
            Džus
781
        </div>
782
        Ahoj
783
        <div>
784
            Ahoj
785
            <span>Ahoj</span>
786
            <div>A<span>ho</span>j<div></div></div>
787
        </div>
788
        <span>Ahoj Aho</span>j
789
        <span>A</span><div>ho<span>j</span></div>
790
        <div>
791
            <span>A</span>
792
            <div><div><div><div>ho</div></div>j</div></div>
793
            Džus
794
        </div>
795
               Ahoj
796
        <div>
797
            Ahoj
798
            <span>Ahoj</span>
799
            <div>A<span>ho</span>j<div></div></div>
800
        </div>
801
        <span>Ahoj Aho</span>j
802
        <span>A</span><div>ho<span>j</span></div>
803
        <div>
804
            <span>A</span>
805
            <div><div><div><div>ho</div></div>j</div></div>
806
            Džus
807
        </div>
808
               Ahoj
809
        <div>
810
            Ahoj
811
            <span>Ahoj</span>
812
            <div>A<span>ho</span>j<div></div></div>
813
        </div>
814
        <span>Ahoj Aho</span>j
815
        <span>A</span><div>ho<span>j</span></div>
816
        <div>
817
            <span>A</span>
818
            <div><div><div><div>ho</div></div>j</div></div>
819
            Džus
820
        </div>
821
               Ahoj
822
        <div>
823
            Ahoj
824
            <span>Ahoj</span>
825
            <div>A<span>ho</span>j<div></div></div>
826
        </div>
827
        <span>Ahoj Aho</span>j
828
        <span>A</span><div>ho<span>j</span></div>
829
        <div>
830
            <span>A</span>
831
            <div><div><div><div>ho</div></div>j</div></div>
832
            Džus
833
        </div>
834
               Ahoj
835
        <div>
836
            Ahoj
837
            <span>Ahoj</span>
838
            <div>A<span>ho</span>j<div></div></div>
839
        </div>
840
        <span>Ahoj Aho</span>j
841
        <span>A</span><div>ho<span>j</span></div>
842
        <div>
843
            <span>A</span>
844
            <div><div><div><div>ho</div></div>j</div></div>
845
            Džus
846
        </div>
847
               Ahoj
848
        <div>
849
            Ahoj
850
            <span>Ahoj</span>
851
            <div>A<span>ho</span>j<div></div></div>
852
        </div>
853
        <span>Ahoj Aho</span>j
854
        <span>A</span><div>ho<span>j</span></div>
855
        <div>
856
            <span>A</span>
857
            <div><div><div><div>ho</div></div>j</div></div>
858
            Džus
859
        </div>
860
               Ahoj
861
        <div>
862
            Ahoj
863
            <span>Ahoj</span>
864
            <div>A<span>ho</span>j<div></div></div>
865
        </div>
866
        <span>Ahoj Aho</span>j
867
        <span>A</span><div>ho<span>j</span></div>
868
        <div>
869
            <span>A</span>
870
            <div><div><div><div>ho</div></div>j</div></div>
871
            Džus
872
        </div>
873
               Ahoj
874
        <div>
875
            Ahoj
876
            <span>Ahoj</span>
877
            <div>A<span>ho</span>j<div></div></div>
878
        </div>
879
        <span>Ahoj Aho</span>j
880
        <span>A</span><div>ho<span>j</span></div>
881
        <div>
882
            <span>A</span>
883
            <div><div><div><div>ho</div></div>j</div></div>
884
            Džus
885
        </div>
886
               Ahoj
887
        <div>
888
            Ahoj
889
            <span>Ahoj</span>
890
            <div>A<span>ho</span>j<div></div></div>
891
        </div>
892
        <span>Ahoj Aho</span>j
893
        <span>A</span><div>ho<span>j</span></div>
894
        <div>
895
            <span>A</span>
896
            <div><div><div><div>ho</div></div>j</div></div>
897
            Džus
898
        </div>
899
               Ahoj
900
        <div>
901
            Ahoj
902
            <span>Ahoj</span>
903
            <div>A<span>ho</span>j<div></div></div>
904
        </div>
905
        <span>Ahoj Aho</span>j
906
        <span>A</span><div>ho<span>j</span></div>
907
        <div>
908
            <span>A</span>
909
            <div><div><div><div>ho</div></div>j</div></div>
910
            Džus
911
        </div>
912
               Ahoj
913
        <div>
914
            Ahoj
915
            <span>Ahoj</span>
916
            <div>A<span>ho</span>j<div></div></div>
917
        </div>
918
        <span>Ahoj Aho</span>j
919
        <span>A</span><div>ho<span>j</span></div>
920
        <div>
921
            <span>A</span>
922
            <div><div><div><div>ho</div></div>j</div></div>
923
            Džus
924
        </div>
925
               Ahoj
926
        <div>
927
            Ahoj
928
            <span>Ahoj</span>
929
            <div>A<span>ho</span>j<div></div></div>
930
        </div>
931
        <span>Ahoj Aho</span>j
932
        <span>A</span><div>ho<span>j</span></div>
933
        <div>
934
            <span>A</span>
935
            <div><div><div><div>ho</div></div>j</div></div>
936
            Džus
937
        </div>
938
               Ahoj
939
        <div>
940
            Ahoj
941
            <span>Ahoj</span>
942
            <div>A<span>ho</span>j<div></div></div>
943
        </div>
944
        <span>Ahoj Aho</span>j
945
        <span>A</span><div>ho<span>j</span></div>
946
        <div>
947
            <span>A</span>
948
            <div><div><div><div>ho</div></div>j</div></div>
949
            Džus
950
        </div>
951
               Ahoj
952
        <div>
953
            Ahoj
954
            <span>Ahoj</span>
955
            <div>A<span>ho</span>j<div></div></div>
956
        </div>
957
        <span>Ahoj Aho</span>j
958
        <span>A</span><div>ho<span>j</span></div>
959
        <div>
960
            <span>A</span>
961
            <div><div><div><div>ho</div></div>j</div></div>
962
            Džus
963
        </div>
964
               Ahoj
965
        <div>
966
            Ahoj
967
            <span>Ahoj</span>
968
            <div>A<span>ho</span>j<div></div></div>
969
        </div>
970
        <span>Ahoj Aho</span>j
971
        <span>A</span><div>ho<span>j</span></div>
972
        <div>
973
            <span>A</span>
974
            <div><div><div><div>ho</div></div>j</div></div>
975
            Džus
976
        </div>
977
               Ahoj
978
        <div>
979
            Ahoj
980
            <span>Ahoj</span>
981
            <div>A<span>ho</span>j<div></div></div>
982
        </div>
983
        <span>Ahoj Aho</span>j
984
        <span>A</span><div>ho<span>j</span></div>
985
        <div>
986
            <span>A</span>
987
            <div><div><div><div>ho</div></div>j</div></div>
988
            Džus
989
        </div>
990
               Ahoj
991
        <div>
992
            Ahoj
993
            <span>Ahoj</span>
994
            <div>A<span>ho</span>j<div></div></div>
995
        </div>
996
        <span>Ahoj Aho</span>j
997
        <span>A</span><div>ho<span>j</span></div>
998
        <div>
999
            <span>A</span>
1000
            <div><div><div><div>ho</div></div>j</div></div>
1001
            Džus
1002
        </div>
1003
               Ahoj
1004
        <div>
1005
            Ahoj
1006
            <span>Ahoj</span>
1007
            <div>A<span>ho</span>j<div></div></div>
1008
        </div>
1009
        <span>Ahoj Aho</span>j
1010
        <span>A</span><div>ho<span>j</span></div>
1011
        <div>
1012
            <span>A</span>
1013
            <div><div><div><div>ho</div></div>j</div></div>
1014
            Džus
1015
        </div>
1016
               Ahoj
1017
        <div>
1018
            Ahoj
1019
            <span>Ahoj</span>
1020
            <div>A<span>ho</span>j<div></div></div>
1021
        </div>
1022
        <span>Ahoj Aho</span>j
1023
        <span>A</span><div>ho<span>j</span></div>
1024
        <div>
1025
            <span>A</span>
1026
            <div><div><div><div>ho</div></div>j</div></div>
1027
            Džus
1028
        </div>
1029
               Ahoj
1030
        <div>
1031
            Ahoj
1032
            <span>Ahoj</span>
1033
            <div>A<span>ho</span>j<div></div></div>
1034
        </div>
1035
        <span>Ahoj Aho</span>j
1036
        <span>A</span><div>ho<span>j</span></div>
1037
        <div>
1038
            <span>A</span>
1039
            <div><div><div><div>ho</div></div>j</div></div>
1040
            Džus
1041
        </div>
1042
        Ahoj
1043
        <div>
1044
            Ahoj
1045
            <span>Ahoj</span>
1046
            <div>A<span>ho</span>j<div></div></div>
1047
        </div>
1048
        <span>Ahoj Aho</span>j
1049
        <span>A</span><div>ho<span>j</span></div>
1050
        <div>
1051
            <span>A</span>
1052
            <div><div><div><div>ho</div></div>j</div></div>
1053
            Džus
1054
        </div>
1055
               Ahoj
1056
        <div>
1057
            Ahoj
1058
            <span>Ahoj</span>
1059
            <div>A<span>ho</span>j<div></div></div>
1060
        </div>
1061
        <span>Ahoj Aho</span>j
1062
        <span>A</span><div>ho<span>j</span></div>
1063
        <div>
1064
            <span>A</span>
1065
            <div><div><div><div>ho</div></div>j</div></div>
1066
            Džus
1067
        </div>
1068
               Ahoj
1069
        <div>
1070
            Ahoj
1071
            <span>Ahoj</span>
1072
            <div>A<span>ho</span>j<div></div></div>
1073
        </div>
1074
        <span>Ahoj Aho</span>j
1075
        <span>A</span><div>ho<span>j</span></div>
1076
        <div>
1077
            <span>A</span>
1078
            <div><div><div><div>ho</div></div>j</div></div>
1079
            Džus
1080
        </div>
1081
               Ahoj
1082
        <div>
1083
            Ahoj
1084
            <span>Ahoj</span>
1085
            <div>A<span>ho</span>j<div></div></div>
1086
        </div>
1087
        <span>Ahoj Aho</span>j
1088
        <span>A</span><div>ho<span>j</span></div>
1089
        <div>
1090
            <span>A</span>
1091
            <div><div><div><div>ho</div></div>j</div></div>
1092
            Džus
1093
        </div>
1094
               Ahoj
1095
        <div>
1096
            Ahoj
1097
            <span>Ahoj</span>
1098
            <div>A<span>ho</span>j<div></div></div>
1099
        </div>
1100
        <span>Ahoj Aho</span>j
1101
        <span>A</span><div>ho<span>j</span></div>
1102
        <div>
1103
            <span>A</span>
1104
            <div><div><div><div>ho</div></div>j</div></div>
1105
            Džus
1106
        </div>
1107
               Ahoj
1108
        <div>
1109
            Ahoj
1110
            <span>Ahoj</span>
1111
            <div>A<span>ho</span>j<div></div></div>
1112
        </div>
1113
        <span>Ahoj Aho</span>j
1114
        <span>A</span><div>ho<span>j</span></div>
1115
        <div>
1116
            <span>A</span>
1117
            <div><div><div><div>ho</div></div>j</div></div>
1118
            Džus
1119
        </div>
1120
               Ahoj
1121
        <div>
1122
            Ahoj
1123
            <span>Ahoj</span>
1124
            <div>A<span>ho</span>j<div></div></div>
1125
        </div>
1126
        <span>Ahoj Aho</span>j
1127
        <span>A</span><div>ho<span>j</span></div>
1128
        <div>
1129
            <span>A</span>
1130
            <div><div><div><div>ho</div></div>j</div></div>
1131
            Džus
1132
        </div>
1133
               Ahoj
1134
        <div>
1135
            Ahoj
1136
            <span>Ahoj</span>
1137
            <div>A<span>ho</span>j<div></div></div>
1138
        </div>
1139
        <span>Ahoj Aho</span>j
1140
        <span>A</span><div>ho<span>j</span></div>
1141
        <div>
1142
            <span>A</span>
1143
            <div><div><div><div>ho</div></div>j</div></div>
1144
            Džus
1145
        </div>
1146
               Ahoj
1147
        <div>
1148
            Ahoj
1149
            <span>Ahoj</span>
1150
            <div>A<span>ho</span>j<div></div></div>
1151
        </div>
1152
        <span>Ahoj Aho</span>j
1153
        <span>A</span><div>ho<span>j</span></div>
1154
        <div>
1155
            <span>A</span>
1156
            <div><div><div><div>ho</div></div>j</div></div>
1157
            Džus
1158
        </div>
1159
               Ahoj
1160
        <div>
1161
            Ahoj
1162
            <span>Ahoj</span>
1163
            <div>A<span>ho</span>j<div></div></div>
1164
        </div>
1165
        <span>Ahoj Aho</span>j
1166
        <span>A</span><div>ho<span>j</span></div>
1167
        <div>
1168
            <span>A</span>
1169
            <div><div><div><div>ho</div></div>j</div></div>
1170
            Džus
1171
        </div>
1172
               Ahoj
1173
        <div>
1174
            Ahoj
1175
            <span>Ahoj</span>
1176
            <div>A<span>ho</span>j<div></div></div>
1177
        </div>
1178
        <span>Ahoj Aho</span>j
1179
        <span>A</span><div>ho<span>j</span></div>
1180
        <div>
1181
            <span>A</span>
1182
            <div><div><div><div>ho</div></div>j</div></div>
1183
            Džus
1184
        </div>
1185
               Ahoj
1186
        <div>
1187
            Ahoj
1188
            <span>Ahoj</span>
1189
            <div>A<span>ho</span>j<div></div></div>
1190
        </div>
1191
        <span>Ahoj Aho</span>j
1192
        <span>A</span><div>ho<span>j</span></div>
1193
        <div>
1194
            <span>A</span>
1195
            <div><div><div><div>ho</div></div>j</div></div>
1196
            Džus
1197
        </div>
1198
               Ahoj
1199
        <div>
1200
            Ahoj
1201
            <span>Ahoj</span>
1202
            <div>A<span>ho</span>j<div></div></div>
1203
        </div>
1204
        <span>Ahoj Aho</span>j
1205
        <span>A</span><div>ho<span>j</span></div>
1206
        <div>
1207
            <span>A</span>
1208
            <div><div><div><div>ho</div></div>j</div></div>
1209
            Džus
1210
        </div>
1211
               Ahoj
1212
        <div>
1213
            Ahoj
1214
            <span>Ahoj</span>
1215
            <div>A<span>ho</span>j<div></div></div>
1216
        </div>
1217
        <span>Ahoj Aho</span>j
1218
        <span>A</span><div>ho<span>j</span></div>
1219
        <div>
1220
            <span>A</span>
1221
            <div><div><div><div>ho</div></div>j</div></div>
1222
            Džus
1223
        </div>
1224
               Ahoj
1225
        <div>
1226
            Ahoj
1227
            <span>Ahoj</span>
1228
            <div>A<span>ho</span>j<div></div></div>
1229
        </div>
1230
        <span>Ahoj Aho</span>j
1231
        <span>A</span><div>ho<span>j</span></div>
1232
        <div>
1233
            <span>A</span>
1234
            <div><div><div><div>ho</div></div>j</div></div>
1235
            Džus
1236
        </div>
1237
               Ahoj
1238
        <div>
1239
            Ahoj
1240
            <span>Ahoj</span>
1241
            <div>A<span>ho</span>j<div></div></div>
1242
        </div>
1243
        <span>Ahoj Aho</span>j
1244
        <span>A</span><div>ho<span>j</span></div>
1245
        <div>
1246
            <span>A</span>
1247
            <div><div><div><div>ho</div></div>j</div></div>
1248
            Džus
1249
        </div>
1250
               Ahoj
1251
        <div>
1252
            Ahoj
1253
            <span>Ahoj</span>
1254
            <div>A<span>ho</span>j<div></div></div>
1255
        </div>
1256
        <span>Ahoj Aho</span>j
1257
        <span>A</span><div>ho<span>j</span></div>
1258
        <div>
1259
            <span>A</span>
1260
            <div><div><div><div>ho</div></div>j</div></div>
1261
            Džus
1262
        </div>
1263
               Ahoj
1264
        <div>
1265
            Ahoj
1266
            <span>Ahoj</span>
1267
            <div>A<span>ho</span>j<div></div></div>
1268
        </div>
1269
        <span>Ahoj Aho</span>j
1270
        <span>A</span><div>ho<span>j</span></div>
1271
        <div>
1272
            <span>A</span>
1273
            <div><div><div><div>ho</div></div>j</div></div>
1274
            Džus
1275
        </div>
1276
               Ahoj
1277
        <div>
1278
            Ahoj
1279
            <span>Ahoj</span>
1280
            <div>A<span>ho</span>j<div></div></div>
1281
        </div>
1282
        <span>Ahoj Aho</span>j
1283
        <span>A</span><div>ho<span>j</span></div>
1284
        <div>
1285
            <span>A</span>
1286
            <div><div><div><div>ho</div></div>j</div></div>
1287
            Džus
1288
        </div>
1289
               Ahoj
1290
        <div>
1291
            Ahoj
1292
            <span>Ahoj</span>
1293
            <div>A<span>ho</span>j<div></div></div>
1294
        </div>
1295
        <span>Ahoj Aho</span>j
1296
        <span>A</span><div>ho<span>j</span></div>
1297
        <div>
1298
            <span>A</span>
1299
            <div><div><div><div>ho</div></div>j</div></div>
1300
            Džus
1301
        </div>
1302
</div>
Script Preparation code:
 
var myNode = document.getElementById( "container" );
Tests:

  • innerHTML

     
    myNode.innerHTML = '';

  • removeChild( firstChild )

     
    while ( myNode.firstChild )
    {
      myNode.removeChild( myNode.firstChild );
    }

  • removeChild( lastChild )

     
    while ( myNode.lastChild )
    {
      mynode.removeChild( myNode.lastChild );
    }
Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Experimental features:

  • Test case name Result
    innerHTML
    removeChild( firstChild )
    removeChild( lastChild )

    Fastest: N/A

    Slowest: N/A

Latest run results:
Run details: (Test run date: 2 years ago)
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36
Chrome 104 on Mac OS X 10.14.6
View result in a separate tab
Test name Executions per second
innerHTML 6913785.5 Ops/sec
removeChild( firstChild ) 10246445.0 Ops/sec
removeChild( lastChild ) 10290618.0 Ops/sec
LLMs can make mistakes. Check important info.
Related benchmarks: