in querySelector: how to get the first and get the last elements? what traversal order is used in the dom?

Question

in a div, have elements (not necessarily 2nd generation) with attribute move_id.

First, would like most direct way of fetching first and last elements o

Answer 1

Example to get the last input element:

document.querySelector(".groups-container >div:last-child input")