Preparation code

 
<script>
  Benchmark.prototype.setup = function() {
    function usingCCF(html) {
      var element = document.createElement("div");
      var range = document.createRange();
      range.setStart(element);
      range.collapse(false);
      return range.createContextualFragment(html);
    }
    
    function usingPrecompiler() {
      var document = this.document;
      var element0 = document.createDocumentFragment();
      var frag = element0;
      var element1 = el = document.createElement('div');
      el.setAttribute('class', 'foo');
      var element2 = el = document.createElement('p');
      var element3 = el = document.createElement('span');
      el.setAttribute('id', 'bar');
      el.setAttribute('data-foo', 'bar');
      element3.appendChild(document.createTextNode('hi!'));
      element2.appendChild(element3);
      element1.appendChild(element2);
      element0.appendChild(element1);
      element0.appendChild(document.createTextNode(' More content'));
      return frag;
    }
  };
</script>

Test runner

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

Java applet disabled.

usingCCF();

usingPrecompiler();

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. Here’s a list of current revisions for this page:

• Revision 1: published on 2nd March 2013
• Revision 2: published by Kris Selden on 2nd March 2013
• Revision 3: published on 2nd March 2013
• Revision 4: published on 2nd March 2013
• Revision 5: published on 2nd March 2013
• Revision 6: published on 2nd March 2013

0 comments