Если ваше приложение имеет определенную структуру, почему бы не воспользоваться ей и не использовать селекторы документов для запроса ваших элементов?
Вот примеры:
const elements = [...document.querySelectorAll('div')];
const first = document.querySelector('div:nth-child(1)');
const second = document.querySelector('div:nth-child(2)');
const third = document.querySelector('div:nth-child(3)');
console.log(elements);
console.log([first, second, third]);
<div>first div</div>
<div>second div</div>
<div>third div</div>
Очевидно, используйте менее универсальные селекторы (например, в Chrome, проверьте элемент и щелкните правой кнопкой мыши -> «Копировать селектор элемента», вы получите уникальный селектор дляэтот элемент)