getElementById vs. querySelector (v40)

Revision 40 of this benchmark created on

Description

Compare the speed of getElementById to querySelector

Preparation HTML

<p id="canvas">
<p class="js-list">asdasdas</p></p>

Test runner

Ready to run.

Testing in
TestOps/sec
getElementById
var bar = document.querySelector('#canvas .js-list');
ready
querySelector
var bar = document.getElementById('canvas').getElementsByClassName('js-list');
ready
mapping to getElementById
var bar = document.querySelector('#canvas .js-list')[0];
ready
asdasdas
document.querySelectorAll('#canvas .js-list');
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.