Preparation code

      
      <script>

        Benchmark.prototype.setup = function() {

          
  var fooEl = document.createElement("div");
  fooEl.className = ' aaaa bbbb cccc dddd ';
  // with the leading and trailing spaces
  
  var nowhitespaceEl = document.createElement("div");
  nowhitespaceEl.className = 'aaaa bbbb cccc dddd';
  // without the leading and trailing spaces
  
  var rtrim = /^\s+|\s+$/g;
        
  };
          



        Benchmark.prototype.teardown = function() {

          
  fooEl = null;
        
  };

      
</script>
    

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

fooEl.classList.remove('aaaa');

fooEl.className = fooEl.className.replace('aaaa ', ' ');

fooEl.classList.add('zzzz');

//apple to apple comparison requires a check for duplicate class... to use speedy indexOf check requires fragile leading and trailing space convention in className strings to ensure you're not matching a piece of the className (this could also be done with regexp word boundaries)...

if( fooEl.className.indexOf(' zzzz ') === -1 ){
    fooEl.className += 'zzzz ';
}

fooEl.className = fooEl.className.replace('aaaa ', ' ').replace('bbbb ', ' ').replace('cccc ', ' ').replace('dddd ',' ').replace('  ',' ');

//the final replace is ensure proper clean up of all the extra spaces left behind, keeping one for the leading-trailing space convention mentioned above

fooEl.classList.remove('aaaa');
fooEl.classList.remove('bbbb');
fooEl.classList.remove('cccc');
fooEl.classList.remove('dddd');

nowhitespaceEl.className = (' ' + nowhitespaceEl.className + ' ').replace(' ' + 'aaaa' + ' ', ' ').replace(rtrim, '');

Compare results of other browsers

Revisions

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

• Revision 1: published Steve King on 2012-1-31
• Revision 2: published Kashey on 2012-6-18
• Revision 3: published Marcin on 2013-6-14
• Revision 4: published on 2013-9-10
• Revision 5: published on 2013-9-12
• Revision 6: published on 2013-12-3
• Revision 7: published on 2014-5-15
• Revision 8: published on 2014-5-15
• Revision 9: published on 2014-8-31
• Revision 10: published on 2014-8-31
• Revision 11: published on 2014-8-31
• Revision 12: published on 2015-1-4
• Revision 13: published on 2015-4-30
• Revision 14: published on 2016-1-17
• Revision 15: published on 2016-2-1
• Revision 16: published on 2016-2-1
• Revision 17: published on 2016-2-4
• Revision 18: published Luke Bonaccorsi on 2017-1-25
• Revision 19: published Luke Bonaccorsi on 2017-1-25

0 Comments