Получить массив из заголовков h2, h3, h4, h5, h6
Здравствуйте!
Можете подсказать, мне нужно со страницы получить массив всех заголовков без заголовка h1 В хтмл вот эти тэги: <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6> При помощи querySelectorAll можно получить все заголовки одного уровня:
let heads = document.querySelectorAll('h2');
А я хочу получить все заголовки (без h1) в том порядке в котором они находятся на странице. Помогите пожалуйста с решением. |
document.querySelectorAll('h2, h3, h4, h5, h6')
|
Ну можно обойти весь ДОМ и перебирать элементы
Как то так
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)
|
Цитата:
Я или забыл, или плохо учил. Да, оказывается в querySelectorAll можно указывать селекторы через запятую. И собирает он в том порядке в котором элементы расположены на странице. Спасибо! |
| Часовой пояс GMT +3, время: 09:49. |