как преодолеть ошибку не может прочитать свойство 'стиль' неопределенного в молнии

Question

Я пытаюсь сделать слайд-шоу из изображений в компоненте молнии, используя простой HTML и Javascript, но возникает ошибка, при которой не удается прочитать свойство 'style' из undefined. Любая помощь будет оценена. Здесь я загружаю изображения из родительского компонента.

  <aura:component implements="force:appHostable,flexipage:availableForAllPageTypes" controller="images_controller">
     <aura:handler name="init" value="{!this}" action="{! c.doInit }"/>
    <aura:attribute name="selectdImage" type="String" />
    <aura:attribute name="value" type="String" />
   <div class="slideshow-container">
 <div class="slideshow-container slds-scrollable_x">
            <aura:iteration items="{!v.value}" var="row">
     <div class="images" id="msg" style="display: none">
         <img src="{!row.imageURL}" style="width:100%">
         </img>
                </div>
        </aura:iteration>
          </div>
       </div>
</aura:component>





({ doInit : function(component, event, helper)
 {
   var slideIndex = 0;
 var slides;
  var i;
  console.log("welcome");
    console.log("entered here now");
    slides = document.getElementsByClassName("images");
    console.log(slides);
   if (slides !== undefined) {
  for (i = 0; i < slides.length; i++) {
  slides[i].style.display = 'none';
 } 
   slideIndex++;
    console.log("entered hereee" + slides);
    if (slideIndex > slides.length) {
      slideIndex = 1;
    }
    slides[slideIndex - 1].style.display = 'block';
   setTimeout(doInit, 2000);
    } 
 }
})