JavaScriptで要素の高さを揃える

横方法の高さを揃えるために、JavaSqriptを使う必要があったのでメモ。

ターゲットのクラスはlist_nameです。

let listName = document.getElementsByClassName("list_name");
// 配列に変換
var listNameArray = Array.prototype.slice.call(listName);
// 高さ取得
var heightListName = '';
// for文で操作する
for (var i = 0; i < listNameArray.length; i++) {
  var heightListNameFor = heightListName[i].clientHeight;
  if (heightListNameFor > heightListName) {
    heightListName = heightListNameFor;
  }
  // コンソールに表示する
  console.log(heightListName);
}
for (var i = 0; i < listNameArray.length; i++) {
  // 高い方の高さに変更
  listNameArray[i].style.height = heightListName + 'px';
}