Benchmark: window.getComputedStyle vs. className vs. classList 2

HTML Preparation code:

<div id="foo"></div>

Tests:

getComputedStyle
var i = 3000; while (i--) { window.getComputedStyle(document.body).getPropertyValue("display").indexOf('none') !== -1 }
className
var i = 3000; while (i--) { document.body.className.includes('hide'); }
classList
var i = 3000; while (i--) { document.body.classList.contains('hide'); }
getComputedStyle cached
var i = 3000; const styles = window.getComputedStyle(document.body); while (i--) { styles.getPropertyValue("display").includes('none'); }

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:

window.getComputedStyle vs. className vs. classList 2 (version: 0)