[Alexander3928]

Есть ul в нем три li. У li одинаковые классы и label, input тоже все одинаковое меняются только значение в атрибутах name, for, id, type

<ul class="elem">

           <li class="item">
               <label class="elem__label" for="elemName"></label>
               <input type="text" class="elem__input" id="elemName"/>
           </li>

<li class="item">
               <label class="elem__label" for="elemTel"></label>
               <input type="tel" class="elem__input" id="elemTel"/>
           </li>

<li class="item">
               <label class="elem__label" for="elemMask"></label>
               <input type="text" class="elem__input" id="elemMask"/>
           </li>

</ul>

У li,label,input классы одинаковые. Можно ли как-то создать эти элементы li с label и input динамически не используя innerHTML и цыкла for. Опять же, из-за того что классы у этих элементов одинаковые не получается сделать через const