cuando uso el nombre getElementByClass, se ejecuta de arriba a abajo del documento, por lo tanto, selecciona los elementos que están en la parte superior del documento antes que los elementos en la parte inferior del documento. Entonces, ¿es posible cambiar eso, tal vez en lugar de obtener otra colección html, solo actualizará la colección html? Mire el código para comprender la pregunta. 
const hi = document.getElementsByClassName("hi"); let hey = document.getElementsByClassName("hey"); // it will return an html collection with <p class="hey"> one</p> as the only element // then if i add hey class to hi hi.classList.add("hey") //add i getElementsByClassName("hey") hey = document.getElementsByClassName("hey"); //then it will return an html collection with // <p class="hi hey"> two </p> as the first item // and <p class="hey"> one</p> as the second item // my question is that is it possible for <p class="hey"> one</p> to be the first item since it // was the first element to have the class name hey // and <p class="hi hey"> two </p> to be the second item <p class="hi">two</p> <p class="hey">one</p>