Selectors

Benchmark created by eddydeniro on

Preparation HTML

<input class='el' value='check'>
<input class='el' value='check2'>
<input class='el' value='check3'>
<input class='el' value='check4'>

Test runner

Ready to run.

Testing in
TestOps/sec
querySelector
var el=document.querySelectorAll('el');
for(var i;i<el.length;i++){
console.log(el[i].tagName);
}
ready
className
var el=document.getElementsByClassName('el');
for(var i;i<el.length;i++){
console.log(el[i].tagName);
}
ready
querySelectorFunction
var $=function(el){
return document.querySelectorAll(el);
};
var el=$('.el');
for(var i;i<el.length;i++){
console.log(el[i].tagName);
}
ready
classNameFunction
var $=function(el){
return document.getElementsByClassName(el);
};
var el=$('el');
for(var i;i<el.length;i++){
console.log(el[i].tagName);
}
ready

Revisions

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

  • Revision 1: published by eddydeniro on