Benchmark: JS selectors getters speed

HTML Preparation code:

<div id="idElement" class="classElement" role="dialog"></div>

Tests:

querySelector ID
var el = document.querySelector('#idElement'); var className = el.className;
querySelector CLASS
var el = document.querySelector('.classElement'); var className = el.className;
querySelector ATTR
var el = document.querySelector('[role=dialog]'); var className = el.className;
getElementById
var el = document.getElementById('idElement'); var className = el.className;
getElementsByClassName
var el = document.getElementsByClassName('classElement')[0]; var className = el.className;
getElementsByTagName
var el = document.getElementsByTagName('DIV')[0]; var className = el.className;

Rendered benchmark preparation results:

Previous results

Latest run results:

This benchmark does not have any results yet. Be the first one to run it!

Related benchmarks:

JS selectors getters speed (version: 0)