`document.querySelector`は、JavaScriptで使われる非常に便利なメソッドの一つです。このメソッドを使用することで、HTMLドキュメント内の要素をCSSセレクターを用いて簡単に見つけることができます。CSSセレクターとは、HTML要素を指定するためのパターンです。

JavaScriptでHTMLの要素を操作するには、まず「どの要素を使うのか」を指定する必要があります。 そのときによく使われるのが querySelector() です。 初めて見たとき「CSSのこと？」と混乱したので、初心者向けにまとめてみました。 セレクタはCSSと同じ書き方 ...