Как можно использовать JavaScript для определения следующих тегов на странице?

Как в JavaScript узнать порядковый номер заголовка, который следует за другим заголовком, игнорируя при этом все остальные элементы на странице и учитывая только уровни заголовков?
  • 28 апреля 2024 г. 8:10
Ответы на вопрос 1
Для определения тегов на странице и узнать порядковый номер заголовка, который следует за другим заголовком, можно воспользоваться следующим кодом на JavaScript:

```javascript
// Получаем все элементы заголовков на странице
const headings = document.querySelectorAll('h1, h2, h3, h4, h5, h6');

// Устанавливаем переменную, в которой будем хранить порядковый номер
let counter = 0;

// Определяем функцию, которая будет вычислять порядковый номер заголовка
function findNextHeading(currentHeading) {
    let currentLevel = parseInt(currentHeading.nodeName.replace('H', ''));
    
    for (let i = counter; i < headings.length; i++) {
        let nextLevel = parseInt(headings[i].nodeName.replace('H', ''));
        
        if (nextLevel === currentLevel + 1) {
            counter = i;
            return i;
        }
    }
    
    return -1; // Возвращаем -1, если не найден следующий заголовок
}

// Пример использования
const currentHeading = document.getElementById('currentHeading'); // Текущий заголовок
const nextHeadingIndex = findNextHeading(currentHeading); // Получаем индекс следующего заголовка

console.log('Порядковый номер следующего заголовка:', nextHeadingIndex);
```

Этот код позволит определить порядковый номер следующего заголовка на странице, если текущий заголовок задан в переменной `currentHeading`.
Похожие вопросы