MooTools 1.3 getElement(s) vs querySelector(All)

Benchmark created by Lim Chee Aun on

Preparation HTML

<script src="http://fiddle.jshell.net/js/lib/mootools-core-1.3-full-nocompat-yc.js"></script>
<ul>
<li>test</li>
<li><span>test</span></li>
<li>test</li>
<li><a>test</a></li>
<li class="foo"><span>test</span></li>
<li>test</li>
<li class="foo"><a>test</a></li>
<li>test</li>
<li>test</li>
<li>test</li>
</ul>

Test runner

Ready to run.

Testing in
TestOps/sec
getElements li
var lis = document.getElements('li');
ready
querySelectorAll li
var lis = document.querySelectorAll('li');
ready
getElements .foo
var lis = document.getElements('.foo');
ready
querySelectorAll .foo
var lis = document.querySelectorAll('.foo');
ready
getElement li
var li = document.getElement('li');
ready
querySelector li
var li = document.querySelector('li');
ready
getElement .foo
var li = document.getElement('.foo');
ready
querySelector .foo
var li = document.querySelector('.foo');
ready
getElements a,span
var lis = document.getElements('a, span');
ready
querySelectorAll a,span
var lis = document.querySelectorAll('a, span');
ready
getElements ul>li.foo
var lis = document.getElements('ul>li.foo');
ready
querySelectorAll ul>li.foo
var lis = document.querySelectorAll('ul>li.foo');
ready

Revisions

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

  • Revision 1: published by Lim Chee Aun on