Benchmark: toggle vs add/remove 2a

HTML Preparation code:

<div class="first class-one">Test</div>
<div class="second class-one">Test</div>

Tests:

toggle
var first = document.querySelector('.first'); second.classList.add('class-two'); second.classList.add('class-two'); second.classList.add('class-two'); second.classList.add('class-two'); second.classList.add('class-two'); second.classList.add('class-two'); second.classList.add('class-two'); second.classList.add('class-two'); second.classList.add('class-two'); second.classList.add('class-two'); second.classList.add('class-two'); second.classList.add('class-two'); second.classList.add('class-two'); second.classList.add('class-two'); second.classList.add('class-two'); second.classList.add('class-two'); second.classList.add('class-two'); second.classList.add('class-two'); second.classList.add('class-two');
add/remove
var second = document.querySelector('.second'); second.classList.add('class-two'); second.classList.remove('class-two'); second.classList.add('class-two'); second.classList.remove('class-two'); second.classList.add('class-two'); second.classList.remove('class-two'); second.classList.add('class-two'); second.classList.remove('class-two'); second.classList.add('class-two'); second.classList.remove('class-two'); second.classList.add('class-two'); second.classList.remove('class-two'); second.classList.add('class-two'); second.classList.remove('class-two'); second.classList.add('class-two'); second.classList.remove('class-two'); second.classList.add('class-two'); second.classList.remove('class-two'); second.classList.add('class-two');

Rendered benchmark preparation results:

Previous results

Test case name	Result
toggle
add/remove

Latest run results:

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

Related benchmarks:

toggle vs add/remove 2a (version: 0)