cloneNode vs createElement Performance

JavaScript performance comparison

Revision 42 of this test case created by

Preparation code


      
      <script>
Benchmark.prototype.setup = function() {
    var div = document.createElement("div");
    div.className = "myclass1 myclass2";
    div.setAttribute('data-index', '10');
    div.name = 'item[]';
    div.innerText = 'Hooray!!!';

};
</script>

Test runner

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

Java applet disabled.

Testing in CCBot 2.0.0 / Other 0.0.0
Test Ops/sec
CloneDiv
var newDiv = div.cloneNode();
pending…
create div
var newDiv = document.createElement("div");
  div.className = "myclass1 myclass2";
  div.setAttribute('data-index', '10');
  div.name = 'item[]';
  div.innerText = 'Hooray!!!';
pending…

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.

0 Comments