如何使所有行子对象具有相同的高度

.container {
  display: flex;
}

.item {
  flex: 1;
}

var items = document.getElementsByClassName('item');
var maxHeight = 0;

for (var i = 0; i < items.length; i++) {
  if (items[i].offsetHeight > maxHeight) {
    maxHeight = items[i].offsetHeight;
  }
}

for (var i = 0; i < items.length; i++) {
  items[i].style.height = maxHeight + 'px';
}