Selector

Benchmark created on

Preparation HTML

<div class="foo" id="foo">Lorem</div>

Test runner

Ready to run.

Testing in
TestOps/sec
ID classic
const bar = document.getElementById('foo').innerHTML;
ready
ClassName classic
const bar = document.getElementsByClassName('foo')[0].innerHTML;
ready
TagName classic
const bar = document.getElementsByTagName('div')[0].innerHTML;
ready
ID query 
const bar = document.querySelector('#foo').innerHTML;
ready
ClassName query 
const bar = document.querySelector('.foo').innerHTML;
ready
TagName query
const bar = document.querySelector('div').innerHTML;
ready

Revisions

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