配列の中の文字列によって処理を変えたい

Question

htmlの要素をgetElementByTagNameで取得し、インデックス番号iの中身にdivタグがあるか否かによって処理を分けたいです。

<div id="page">
<section>page1<div>hoge</div><section>
<section>page2<section>
<section>page3<section>
</div>

var pages = document.getElementById('pageframe').getElementsByTagName('section');
var i=0;

       if(pages[i].match(/<div/)){
         //ある時の処理
       }
       else{
　　　　　//無いときの処理
　　　　}

Uncaught TypeError: pages[i].match is not a function
というエラーがでます。どのようにすればよいでしょうか？

Comments

[y_waiwai]

で、しつもんはなんでしょうか

[takushikai]

修正しました。申し訳ありませんでした。

[yambejp]

pageframeというidの振ったHTML要素は例示されていません。pageでよいのですか？
sectionもきちんとタグが閉じていません

[takushikai]

その通りです。pageframe→pageです。また、</section>です。申し訳ありません。

Answer 1

window.addEventListener('DOMContentLoaded', ()=>{
  document.querySelectorAll('#page section').forEach((x,y)=>{
    var flg=x.querySelector('div')=== null;
    console.log(`${y}番目のsectionは${flg?"含まない":"含む"}`);
  });
});

Comments

[yambejp]

sectionは閉じているものとします
<div id="page">
<section>page1<div>hoge</div></section>
<section>page2</section>
<section>page3</section>
</div>