javascriptでdocument.querySelectorAllメソッドを利用して要素の一覧を取得した後、その一覧から先頭要素または末尾要素のみを取得したい。

一時変数を使用すれば簡単だが、ワンライナーでの取得は以下の記述でできる。

先頭要素を取得

document.querySelectorAll(".myclass")[0]

末尾要素を取得

Array.from(document.querySelectorAll(".myclass")).pop()