JavaScriptでの要素内要素の検索

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

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

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

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

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

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

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

要素 #parent が与えられます：

<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>

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

親要素内からクラス www を持つ要素を検索し、変数 elems1 に代入してください。次に、親要素内からクラス ggg を持つ要素を検索し、変数 elems2 に代入してください。