Получить массив из заголовков h2, h3, h4, h5, h6

[MC-XOBAHCK]

Здравствуйте!
Можете подсказать, мне нужно со страницы получить массив всех заголовков без заголовка h1

В хтмл вот эти тэги:

<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

При помощи querySelectorAll можно получить все заголовки одного уровня:

let heads = document.querySelectorAll('h2');

А я хочу получить все заголовки (без h1) в том порядке в котором они находятся на странице. Помогите пожалуйста с решением.

[Alexandroppolus]

document.querySelectorAll('h2, h3, h4, h5, h6')

[voraa]

Ну можно обойти весь ДОМ и перебирать элементы

Как то так

const helems = []  // массив заголовков

const findH = (par) => {
	if (par.tagName.match(/^H[2-6]$/)) helems.push(par)
	for (let i = 0; i<par.childElementCount; i++)
		findH(par.children[i])
}

findH (document.body)

[MC-XOBAHCK]

document.querySelectorAll('h2, h3, h4, h5, h6')

А что так можно было?
Я или забыл, или плохо учил. Да, оказывается в querySelectorAll можно указывать селекторы через запятую. И собирает он в том порядке в котором элементы расположены на странице.
Спасибо!