Columns

Benchmark created on


Description

Nothing fancy just checking some arrays and for()'s

Preparation HTML

<div id="left"><p>1</p></div>
<div id="mid"><p>1<br />2</p></div>
<div id="right"><p>1<br />2<br />3<br /></p></div>
<div class="coluna"><p>1</p></div>
<div class="coluna"><p>1<br />2</p></div>
<div class="coluna"><p>1<br />2<br />3<br /></p></div>

Test runner

Ready to run.

Testing in
TestOps/sec
1
(function() {
 var d = document,
     colunas = [d.getElementById('left'), d.getElementById('mid'), d.getElementById('right')],
     alturas = [],
     i;

 for (i = colunas.length - 1; i >= 0; i -= 1) {
  //Sacamos a sua altura
  alturas.push(colunas[i].offsetHeight);
 }

 //Reordenamos pela altura
 alturas.sort();

 //Aplicamos a altura máxima a todas a divs com o class de altura
 for (i = colunas.length - 1; i >= 0; i -= 1) {
  colunas[i].style.height = alturas[alturas.length - 1] + 'px';
 }
}());
ready
2
(function() {
 var divs = document.getElementsByTagName('div'),
     colunas = [],
     altura = [],
     i;

 for (i = divs.length - 1; i >= 0; i -= 1) {
  if (divs[i].className === 'coluna') {
   //Sacamos as colunas (que são todas as divs com a class coluna) 
   colunas.push(divs[i]);
   //Sacamos a sua altura
   altura.push(divs[i].offsetHeight);
  }
 }

 //Reordenamos pela altura
 altura.sort();

 //Aplicamos a altura máxima a todas a divs com o class de altura
 for (i = colunas.length - 1; i >= 0; i -= 1) {
  colunas[i].style.height = altura[altura.length - 1] + 'px';
 }
}());
ready

Revisions

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