JavaScript | querySelectorAll()で子要素を取得するパターン集

JavaScriptでHTMLの親要素から子要素を取得するのサンプルコードのパターン集です。 このページではquerySelectorAll()を利用した方法を紹介しています。 See the Pen JavaScript | get child elements by yochans (@yochans) on CodePen. 共通HTMLと簡単な説明 サンプルコードで利用している共通のHTMLです。 親要素のdivタグの中に、2つのdivタグ、2つのpタグを作成しています。 <div id="parent"> <div id="child_01"></div> <div id="child_02"></div> <p id="child_03" class="abc"></p> <p id="child_04" class="abc"></p> </div> サンプルにて取得する結果