JS - Dom - جلب عناصر من صفحة HTML و تخزين مرجعية لهم في مصفوفة

لدي في الhtml  ديف تشمل مجموعه صور ، لا اعلم اذا كان اسم متعارف عليه بالبرمجة او لا فانا جديدة في الجافا سكربت لكن فهمت انه اسمه duck وبداخله عدة عناصر ، كيف اضع عناصر الدك في مصفوفه؟ 

  <section id="deck" class="d-flex flex-wrap gap-3 justify-content-center align-items-center">

        <li class="card">

          <i class="fab fa-python"></i>

        </li>

        <li class="card">

          <i class="fab fa-js-square"></i>

        </li>

        <li class="card">

          <i class="fab fa-python"></i>

        </li>

        <li class="card">

          <i class="fas fa-code"></i>

        </li>

        <li class="card">

          <i class="fab fa-react"></i>

        </li>

        <li class="card">

          <i class="fab fa-js-square"></i>

        </li>

      </section>