<div class="invoiceTable">
        <div class="titles2" style="padding-top: 15px;padding-bottom: 15px;">

                    <div class="invoice-qty">Qty</div>

    <div class="invoice-loc">Loc</div>
            <div class="invoice-items">Items</div>
            <div class="invoice-cus">Stock</div>
             <div class="invoice-id">Item ID</div>
              <div class="invoice-ais" style="text-align: right;">2loc</div>

            <div class="clear"></div>
        </div>
        <!--START: items-->
        <div class="row" style="border-bottom: solid;border-width: 1px;padding-top: 15px;padding-bottom: 15px;">
            <div class="invoice-qty" >[numitems]</div>
            <div class="invoice-loc" >[warehouse_location]</div>
            <div class="invoice-items">[itemname]</div>
            <!--START: warehouse_location-->

            <div class="invoice-cus"  style="text-align:center;">[warehouse_custom]</div>
            <div class="invoice-id"  style="text-align:center;">[id]</div>
          <div class="invoice-ais"  style="text-align:center;">[warehouse_aisle]</div>


            <div class="clear"></div>
            <!--END: warehouse_location-->
        </div>


        </div>

<script>


        $( document ).ready(function() {

   var doc = document.getElementsByClassName('invoice-ais');

for (var i = 0; i < doc.length; i++) {
    if (doc.getElementById(i) == '') {
     console.log("empty");

    }
}
});



    </script>

doc.getElementById is not a function