classList vs className [11]

Benchmark created by Richard Yesley on

Preparation HTML

<div id="elem" className="first second"></div>

Setup

elem = document.getElementById('elem');

Teardown



            elem.className = 'first second';

Test runner

Ready to run.

Testing in
TestOps/sec
className [s]
elem.className += ' some_class';
ready
classList [s]
elem.classList += ' some_class';
ready
classList.add() [s]
elem.classList.add('some_class');
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

  • Revision 1: published by Richard Yesley on