JavaScriptでの要素内要素の検索

ある親要素と、その内部にある他の要素があるとします：

html<div id="parent">
  <div class="child">text</div>
  <div class="child">text</div>
  <div class="child">text</div>
</div>

親への参照が既に変数に取得されているとします：

javascriptlet parent = document.querySelector('#parent');

この場合、必要に応じて、ドキュメント全体ではなく、 この親要素の内部に対してセレクター検索を実行できます。 そのためには、検索メソッドを document に対してではなく、 親要素を含む変数に対して適用します。

例として、親要素内からクラス child を持つ要素を見つけてみましょう：

javascriptlet elems = parent.querySelectorAll('.child');

html<div id="parent">
  <p class="www">text</p>
  <p class="www">text</p>
  <p class="www">text</p>
  <p class="ggg">text</p>
  <p class="ggg">text</p>
  <p class="ggg">text</p>
</div>

javascriptlet parent = document.querySelector('#parent');