MeasureThat.net

Run results for: getElementsByClassName last element vs getElementById as last element

Go to the benchmark
Run details:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36
Chrome 130
Windows
Desktop
6 months ago
Test name Executions per second
getElementsByClassName last element 1909834.0 Ops/sec
getElementById as last element 3170309.5 Ops/sec
HTML Preparation code:
AخA
 
1
<div class='test'>
2
  <div class='other'>
3
    <div class='other'>
4
      <a href='#'>
5
        Dummy
6
      </a>
7
    </div>
8
  </div>
9
</div>
10
<div class='test'>
11
  <div class='other'>
12
    <div class='other'>
13
      <a href='#'>
14
        Dummy
15
      </a>
16
    </div>
17
  </div>
18
</div>
19
<div class='test'>
20
  <div class='other'>
21
    <div class='other'>
22
      <a href='#'>
23
        Dummy
24
      </a>
25
    </div>
26
  </div>
27
</div>
28
<div class='test'>
29
  <div class='other'>
30
    <div class='other'>
31
      <a href='#'>
32
        Dummy
33
      </a>
34
    </div>
35
  </div>
36
</div>
37
<div class='test'>
38
  <div class='other'>
39
    <div class='other'>
40
      <a href='#'>
41
        Dummy
42
      </a>
43
    </div>
44
  </div>
45
</div>
46
<div class='test'>
47
  <div class='other'>
48
    <div class='other'>
49
      <a href='#'>
50
        Dummy
51
      </a>
52
    </div>
53
  </div>
54
</div>
55
<div class='test'>
56
  <div class='other'>
57
    <div class='other'>
58
      <a href='#'>
59
        Dummy
60
      </a>
61
    </div>
62
  </div>
63
</div>
64
<div class='test'>
65
  <div class='other'>
66
    <div class='other'>
67
      <a href='#'>
68
        Dummy
69
      </a>
70
    </div>
71
  </div>
72
</div>
73
<div class='test'>
74
  <div class='other'>
75
    <div class='other'>
76
      <a href='#'>
77
        Dummy
78
      </a>
79
    </div>
80
  </div>
81
</div>
82
<div class='test' id='final'>
83
  <div class='other'>
84
    <div class='other'>
85
      <a href='#'>
86
        Dummy
87
      </a>
88
    </div>
89
  </div>
90
</div>
Tests:

  • getElementsByClassName last element

     
    var final = document.getElementsByClassName('test');
    final[final.length - 1];

  • getElementById as last element

     
    var final = document.getElementById('final');
    final;