createElement vs cloneNode (v5)

Revision 5 of this benchmark created by Terry Anastasiadis on July 10, 2013

Preparation HTML

<script>
    var divTemplate = function() {
        var div = document.createElement('div'),
            divStyle = div.style,
            childH1 = document.createElement('h1'),
            childP = document.createElement('p'),
            childSpan = document.createElement('span');;

        divStyle.position = "absolute";
        divStyle.cursor = "pointer";
        divStyle.overflow = "hidden";

        div.appendChild(childH1);
        div.appendChild(childP);
        div.appendChild(childSpan);
        
        return div;
    },
    masterDiv = divTemplate(); 
</script>

Test runner

var div = divTemplate();

var div = masterDiv.cloneNode(true);

Revisions

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

• Revision 1: published on December 31, 2010
• Revision 2: published by Kiran Makam on January 20, 2011
• Revision 3: published on June 22, 2013
• Revision 4: published by Eamon Nerbonne on July 5, 2013
• Revision 5: published by Terry Anastasiadis on July 10, 2013
• Revision 6: published on July 15, 2013