getElementsByClassName VS querySelectorAll
JavaScript performance comparison
Preparation code
<div>
<ul>
<li><a href="#" name="name" class="classname">item 1</a></li>
<li><a href="#" name="name" class="classname">item 2</a></li>
<li><a href="#" name="name" class="classname">item 3</a></li>
<li><a href="#" name="name" class="classname">item 4</a></li>
<li><a href="#" name="name" class="classname">item 5</a></li>
<li><a href="#" name="name" class="classname">item 6</a></li>
<li><a href="#" name="name" class="classname">item 7</a></li>
<li><a href="#" name="name" class="classname">item 8</a></li>
<li><a href="#" name="name" class="classname">item 9</a></li>
<li><a href="#" name="name" class="classname">item 10</a></li>
</ul>
</div>
<script>
var nodes;
</script>
Preparation code output
<div>
<ul>
<li><a href="#" name="name" class="classname">item 1</a></li>
<li><a href="#" name="name" class="classname">item 2</a></li>
<li><a href="#" name="name" class="classname">item 3</a></li>
<li><a href="#" name="name" class="classname">item 4</a></li>
<li><a href="#" name="name" class="classname">item 5</a></li>
<li><a href="#" name="name" class="classname">item 6</a></li>
<li><a href="#" name="name" class="classname">item 7</a></li>
<li><a href="#" name="name" class="classname">item 8</a></li>
<li><a href="#" name="name" class="classname">item 9</a></li>
<li><a href="#" name="name" class="classname">item 10</a></li>
</ul>
</div>
Test runner
Warning! For accurate results, please disable Firebug before running the tests. (Why?)
Java applet disabled.
Test | Ops/sec | |
---|---|---|
getElementsByClassName
|
|
pending… |
querySelectorAll
|
|
pending… |
Compare results of other browsers
Revisions
You can edit these tests or add even more tests to this page by appending /edit
to the URL.
- Revision 1: published t32k
- Revision 2: published t32k
- Revision 4: published MatrixFrog
- Revision 5: published
- Revision 6: published
- Revision 7: published
- Revision 8: published
- Revision 11: published
- Revision 14: published Nonlinearcode
- Revision 15: published Silviu Catarau
- Revision 16: published
- Revision 17: published
- Revision 18: published sys
- Revision 19: published pavelrevers
- Revision 20: published pavelrevers
- Revision 21: published
- Revision 23: published
- Revision 24: published
- Revision 25: published
- Revision 26: published
- Revision 27: published
- Revision 31: published
- Revision 32: published
- Revision 33: published
- Revision 34: published
- Revision 35: published
- Revision 36: published Eamon Nerbonne
- Revision 37: published Paul S
- Revision 38: published
- Revision 39: published Jon-Carlos Rivera
- Revision 40: published
- Revision 41: published
- Revision 42: published chenwei
- Revision 43: published Vladimir
- Revision 44: published
- Revision 51: published
- Revision 52: published
- Revision 53: published
- Revision 54: published
- Revision 56: published
- Revision 57: published
- Revision 58: published
- Revision 59: published
- Revision 61: published
- Revision 62: published
- Revision 63: published briznadTMG
- Revision 65: published
- Revision 67: published
- Revision 68: published
- Revision 69: published
- Revision 70: published D4Tocchini
- Revision 71: published
- Revision 72: published
- Revision 73: published
- Revision 74: published
- Revision 75: published
- Revision 76: published
- Revision 77: published
- Revision 78: published agamemnus
- Revision 80: published
- Revision 81: published
- Revision 82: published
- Revision 83: published
- Revision 84: published
- Revision 85: published
- Revision 86: published
- Revision 87: published
- Revision 88: published
- Revision 89: published
- Revision 90: published Koen Vendrik
- Revision 92: published broadsw0rd
- Revision 93: published
- Revision 94: published Misko Hevery
- Revision 95: published
- Revision 96: published
- Revision 97: published zzz
- Revision 98: published
- Revision 100: published Mike
- Revision 102: published
- Revision 103: published teppeis
- Revision 107: published dm
- Revision 118: published Andy Herron
- Revision 119: published
- Revision 120: published
- Revision 121: published
- Revision 122: published
- Revision 123: published
- Revision 125: published Chad
- Revision 126: published
- Revision 127: published
- Revision 129: published griffon
- Revision 131: published
- Revision 135: published
- Revision 136: published
- Revision 137: published
- Revision 139: published Dirk
- Revision 140: published CSS style setter
- Revision 141: published
- Revision 142: published
- Revision 143: published
- Revision 144: published hapi
- Revision 147: published Nacho
- Revision 148: published Anonym
- Revision 149: published
- Revision 150: published babab
- Revision 151: published
- Revision 152: published Egon
- Revision 153: published Ryan
- Revision 155: published
- Revision 156: published
- Revision 157: published ornitho13
- Revision 159: published frank
- Revision 160: published
- Revision 161: published
- Revision 162: published
- Revision 163: published Tokimon
- Revision 164: published Tokimon
- Revision 165: published Tokimon
- Revision 166: published
- Revision 167: published
- Revision 168: published Alex
- Revision 169: published Dan Haggard
- Revision 170: published
- Revision 171: published
- Revision 173: published
- Revision 174: published
- Revision 175: published
- Revision 177: published
- Revision 178: published
- Revision 179: published
- Revision 180: published
- Revision 181: published
- Revision 186: published
- Revision 187: published
- Revision 188: published
- Revision 189: published
- Revision 190: published
- Revision 192: published nkt
- Revision 193: published Jean
- Revision 194: published
- Revision 195: published David Watson
- Revision 196: published masterblaster
- Revision 197: published Loïc
- Revision 198: published Loïc
- Revision 199: published Mike Senn
- Revision 205: published Sreejith Kulamgarath
- Revision 206: published
- Revision 207: published
- Revision 211: published Sergio Morales
- Revision 212: published Juliet Sabol
- Revision 218: published Lucas Barrena
- Revision 219: published Lucas Barrena
- Revision 220: published jasa seo
- Revision 220: published Josh Kramer
- Revision 221: published Josh Kramer
0 Comments