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

Latest run results:

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

Related benchmarks:

queryselector test small dom tree (version: 0)