Здравствуйте, я в JS совсем новичок и не могу понять как реализовать одну идею,
допустим у нас написана статья где есть заголовки разного уровня и между ними разные теги может быть картинка и т.п.
например
<h1>H1</h1>
<p> TEXT </p>
<img> IMG </img>
<h2>H2 </h2>
<p> TEXT </p>
<h2>H2 </h2>
<p> TEXT </p>
<h3>H3 </h3>
<p> TEXT </p>
<h4>H4 </h4>
и так далее и вопрос в том, как проверить после какого заголовка стоит какой заголовок в плане их уровня допустим после h1 добавлен h2 или h3 или наоборот при этом пропустив другие элементы на странице, другими словами нужно получить вложенность этих заголовок по уровню игнорируя все остальные элементы как будто скрипт видит только эти заголовки и как они последовательно добавлены на странице из страницы и как это можно реализовать в js, может кто знает или дайте ссылку где можно будет прочитать об этом, за ранее большое спасибо
