質問: ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/0bb22e431391efa6b24c67d2bcf96e25.png) * `target`の部分でHTMLCollectionは取得できているのに`target[0]`でアクセスできない状況です。 #### ご指摘あればいただけると助かります。
回答: > あるHTML要素に **子孫の要素の探索** には簡便なメソッドがあります。 querySelector() や querySelector() になりますが、 Document だけでなく Element にもメソッドがあり、絞り込みがしやすくなっています。 * Document.querySelector() / Document.querySelectorAll() `document.querySelector()` / `document.querySelectorAll()` な使い方 * Element.querySelector() / Element.querySelectorAll() `elemHoge.querySelector()` / `elemHoge.querySelectorAll()` な使い方 `target` が見つかったら、classList を操作するだけです。 ``` var target = elmHoge.querySelector("あるHTML要素を指示するセレクタ") if( target ) { // target.classList.add() などでclassを操作 } ```