domConstruct vs innerHtml

Benchmark created by prashant sheoran on December 4, 2013

Description

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/dojo/1.9.1/dojo/dojo.js"></script>
<div id='box'></div>

Setup

require(['dojo/dom-construct', 'dojo/dom'], function(domconstruct, dom) {
      dDomconstruct = domconstruct;
      dDom = dom;
      box = document.getElementById('box');
    });

Teardown

    while (box.firstChild) {
      box.removeChild(box.firstChild);
    }
  

Test runner

var node = dDomconstruct.toDom("<div>Test</div>");
box.appendChild(node);

box.innerHTML = '<div>Test</div>';

Revisions

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

• Revision 1: published by prashant sheoran on December 4, 2013