Erreur: Le shuffle doit être initialisé avec un élément

Question

J'ai ce code mais la console me donne une erreur me donne une erreur "Shuffle doit être initialisé avec un élément". Ceci est html

<div class="gallery-grid"> 
       <div class="gallery-item" data-date-created="2016-08-12">1</div> 
       <div class="gallery-item" data-date-created="2016-08-13">2</div> 
       <div class="gallery-item" data-date-created="2016-08-14">3</div> 
       <div class="gallery-item" data-date-created="2016-08-15">4</div> 
       <div class="gallery-item" data-date-created="2016-08-16">5</div> 
       <div class="gallery-item" data-date-created="2016-08-17">6</div> 
       <div class="gallery-item" data-date-created="2016-08-18">7</div> 
       <div class="gallery-item" data-date-created="2016-08-19">8</div> 
       <div class="gallery-item" data-date-created="2016-08-20">9</div> 
       <div class="gallery-item" data-date-created="2016-08-21">10</div> 
      </div> 

JS

const shuffleInstance = new Shuffle(document.getElementsByClassName('gallery-grid'), { 
      itemSelector: '.gallery-item', 
      sizer: '.gallery-item', 
      speed: 500, 
      easing: 'ease-out' 
     }); 

     shuffleInstance.Shuffle(); 

Qu'est-ce que je fais mal?

Answer 1

document.getElementsByClassName retourne un tableau comme objet de tous les éléments avec la classe donnée, vous devez spécifier quel élément dans le tableau que vous voulez, si vous voulez la première trouvé instance de galerie-grille puis utilisez:

document.getElementsByClassName('gallery-grid')[0]