JavaScript入門 練習問題 49：DOM操作：要素の取得
JavaScriptの `document.querySelector` メソッドに関する説明として、正しいものはどれですか？
- CSSセレクタに一致する最初の要素を一つだけ取得する
- CSSセレクタに一致するすべての要素を配列として取得する
- ID属性の値のみを引数に取り、対応する要素を取得する
- クラス名の値のみを引数に取り、対応する要素を取得する
- 指定したタグ名の要素をすべて検索し、一覧で取得する
Qraftユーザーの成績：難易度 Bランク（レーティング1227）・正答率 53%（9/17回正解）
レーティングは解いた人の実力と正誤から算出する難しさ（初期値1200）。ランクはその全問題中の順位（S+が最難関、F-が最易）
正解と解説を見る
正解：CSSセレクタに一致する最初の要素を一つだけ取得する
`document.querySelector` は、指定されたCSSセレクタに一致する要素のうち、ドキュメント内で最初に見つかった1つの要素（Elementオブジェクト）だけを返すため、これが正解です。
【正解の理由】
`querySelector` メソッドはCSSセレクタの構文を使用して柔軟に要素を検索し、条件に合致する最初の1要素を取得して返します。
【不正解の理由】
• 「CSSセレクタに一致するすべての要素を配列として取得する」は誤り。これは `querySelectorAll` メソッドの挙動です。
• 「ID属性の値のみを引数に取り、対応する要素を取得する」は誤り。これは `getElementById` メソッドの挙動です。
• 「クラス名の値のみを引数に取り、対応する要素を取得する」は誤り。これは `getElementsByClassName` メソッドの挙動です。
• 「指定したタグ名の要素をすべて検索し、一覧で取得する」は誤り。これは `getElementsByTagName` メソッドなどの挙動です。