getElementsByTagName vs getElementsByClassName (v8)

Revision 8 of this benchmark created on

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="testContent"></div>

Setup

var container = jQuery('#testContent');
    
    function createElements(rootNode) {
        var myDiv = $('<div>').appendTo(rootNode);
        for(var i=0; i < 4; i++) {
                myDiv.append('<span class="myspan"></span>');
        }
    }
    
    for(var i=0; i < 10; i++)
        createElements(container);
        
    var leaves = container.find('div > span');
    leaves.each(function() { createElements($(this)); });

Teardown


    jQuery('#testContent').empty();

Test runner

Ready to run.

Testing in
TestOps/sec
getElementsByTagName
var x = document.getElementsByTagName("span");
ready
getElementsByClassName
var x = document.getElementsByClassName("myspan");
ready

Revisions

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