text: Q:
  
  Задать блокам одинаковую высоту на чистом javascript
  
  Есть блоки с разным количеством текста, и соответственно разной высоты. 
  Как на чистом js задать им одинаковую высоту? 
  Вот моя попытка:
  var boxes = document.getElementsByClassName('.box');
  for( var i = 0; i < boxes.length; i++ ){
      var height = 0;
      var current_height = this.offsetHeight;
      if(current_height > height) {
          height = current_height;
      }        
  }
  
  A:
  
  function foo() {
    var boxes = document.getElementsByClassName('box');
    var tmp = 0;
    for (var i = 0; i < boxes.length; i++) {
      if (boxes[i].offsetHeight > tmp) {
        tmp = boxes[i].offsetHeight;
      }
    }
    for (var z = 0; z < boxes.length; z++) {
      boxes[z].style.height = tmp + "px";
    }
  }
  .box {
    width: 100px;
    border: 2px solid red;
    float: left;
    word-wrap: break-word;
  }
  .warp {
    float: right;
    margin-right: 150px;
  }
  <div class="warp">
    <div class="box">11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</div>
    <div class="box">222222222222222222222222222222222222222</div>
  </div>
  
  <span onclick="foo()">Выровнить</span>
  
  