画像が縦長か横長か自動判別してclassをつける

事情があってobject-fitが使えない時に使いました。

//画像が縦向きか横向きかclassをつける
function imgAddClass(imgArr){
  if(imgArr.length > 0){
    for (let i = 0; i < imgArr.length; i++) {
      var e = imgArr[i];
      var width = e.naturalWidth;
      var height = e.naturalHeight;

      if(width < height){
        e.classList.add('tate-img');
      }else{
        e.classList.add('yoko-img');
      }
    }
  }
}

//判定したい要素を指定
var imgs = document.querySelectorAll('li img');

window.addEventListener('load', function(){
  imgAddClass(imgs);
}