Run results for: getElementsByClassName vs get by window key vs querySelector by Attribute

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36

Browser: Chrome 126

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

HTML Preparation code:

<div id="test_element_id" class="test_element_class" custom-attribute="querySelector"></div>

Script Preparation code:

window.myObject = {test_element_id:document.getElementById('test_element_id'),test_element_id2:document.createElement('div')}

Tests:

getElementsByClassName
var el = document.getElementsByClassName('test_element_class')[0];
get by window key and vaidate
var el = window.myObject.test_element_id; if (el.isConnected && window.document.contains(el)){ const a = 1; }
querySelector by Attribute
var el = document.querySelector('[custom-attribute="querySelector"]');
getElementById
var el = document.getElementById('test_element_id');
get by window key
var el = window.myObject.test_element_id;