Benchmark: queryselector test small dom tree

HTML Preparation code:

<div class="parent" id="test"><div class="target"></div></div>

Tests:

Node.children + Array.from()
const parent = document.querySelector('.parent'); Array.from(parent.children).some(element => element.classList.contains('target'));
Node.children + Object.keys()
const parent = document.querySelector('.parent'); Object.keys(parent.children).some(key => parent.children[key].classList.contains('target'));
querySelector
const parent = document.querySelector('.parent'); !!parent.querySelector('.parent > .target');

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 7 months ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36 OPR/101.0.0.0

Browser/OS: Opera 101 on Mac OS X 10.15.7

queryselector test small dom tree (version: 0)