Run results for: JS selectors getters

Run details:

User agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:91.0) Gecko/20100101 Firefox/91.0

Browser: Firefox 91

Operating system: Ubuntu

Device Platform: Desktop

Date tested: 3 years ago

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;