classlist slice vs classname split

Benchmark created on

Preparation HTML

<div id="a"/>
<div id="b" class="foo"/>
<div id="c" class="foo bar baz qux"/>
<script>
var slice = Array.prototype.slice;
var delim = /\s+/;
var a = document.getElementById('a');
var b = document.getElementById('b');
var c = document.getElementById('c');
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
classlist slice
slice.call(a.classList);
slice.call(b.classList);
slice.call(c.classList);
ready
classname split
a.className.split(delim);
b.className.split(delim);
c.className.split(delim);
ready

Revisions

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