Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
querySelector2247
(version: 0)
Comparing performance of:
1 vs 2 vs 3 vs 4 vs 5 vs 6
Created:
2 years ago
by:
Guest
Jump to the latest result
HTML Preparation code:
<div> <p>12345</p> 12345 </div>
Script Preparation code:
var X = 0; var A = document.body; var B = document.body.querySelector("div>p"); var C = A.querySelector("div>p"); var D = A.querySelector("div"); var E = D.querySelector(":scope>p");
Tests:
1
document.body.querySelector("div>p").textContent = ++X;
2
B.textContent = ++X;
3
C.textContent = ++X;
4
E.textContent = ++X;
5
A.querySelector("div>p").textContent = ++X;
6
document.querySelector("div>p").textContent = ++X;
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (6)
Previous results
Fork
Test case name
Result
1
2
3
4
5
6
Fastest:
N/A
Slowest:
N/A
Latest run results:
Run details:
(Test run date:
2 years ago
)
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36
Browser/OS:
Chrome 123 on Windows
View result in a separate tab
Embed
Embed Benchmark Result
Test name
Executions per second
1
336256.0 Ops/sec
2
516496.7 Ops/sec
3
525166.0 Ops/sec
4
527434.1 Ops/sec
5
399327.0 Ops/sec
6
312507.5 Ops/sec
Related benchmarks:
Query Selector
querySelector(class) vs classList.some
querySelector(class) vs classList.contains
querySelector2244
Comments
Confirm delete:
Do you really want to delete benchmark?