>>75
一応パフォーマンスを考えてのことです
https://developer.mozilla.org/ja/docs/Web/API/Document/querySelector

＞　【訳注: 上記ではクラスセレクタを用いた検索を例示していますが、この様な単発のクラス名の場合は
＞　 getElementsByClassName() メソッドを用いた方が高速な動作となります。また、ID セレクタ ( # ) を対象とする検索も可能ですが、
＞　その場合は getElementById() メソッドを用いた方が高速です。対象セレクタが流動的で有る場合や、
＞　または隣接セレクタなどによるコンビネーションセレクタでの複雑な検索の場合に於いて、
＞　querySelector() や querySelectorAll() は真価を発揮します。】