Как извлечь текст, который находится после определенного тега?

Здравствуйте! Я разрабатываю браузерное расширение и нуждаюсь в помощи. Мне необходимо извлечь текст, который следует за тегом <code class="html">br</code>, без лишних пробелов. В примере, этот текст должен быть сохранён в переменной <code>CAA Chubu</code>. Я уже час пытаюсь разобраться, но у меня не получается. Можете помочь, пожалуйста? Вот структура, из которой нужно извлечь данные: <br/>
  • 12 декабря 2024 г. 16:13
Ответы на вопрос 1
Конечно, могу помочь! Вы можете использовать JavaScript для извлечения текста после определенного тега. Если вы хотите получить текст, который идет после тега `<br>`, вам нужно использовать методы работы с DOM.

Вот пример кода, который поможет вам извлечь текст после тега `<br>` без лишних пробелов:

```javascript
// Находим все элементы <br>
const brElements = document.querySelectorAll('br');

// Проверяем, есть ли найденные элементы <br>
if (brElements.length > 0) {
    // Получаем следующий текстовый узел за первым <br>
    const textAfterBr = brElements[0].nextSibling;

    // Проверяем, существует ли следующий текстовый узел
    if (textAfterBr) {
        // Извлекаем текст и удаляем лишние пробелы
        const resultText = textAfterBr.nodeValue.trim();
        console.log(resultText); // Выводим результат в консоль
    } else {
        console.log('Следующий текстовый узел отсутствует');
    }
} else {
    console.log('Элементы <br> не найдены');
}
```

### Объяснение:
1. Сначала мы используем `document.querySelectorAll('br')`, чтобы получить все элементы `<br>` на странице.
2. Затем проверяем, есть ли такие элементы.
3. Если есть, мы берем следующий текстовый узел с помощью `nextSibling`.
4. Если текстовый узел существует, то мы извлекаем его текст с помощью `nodeValue` и удаляем лишние пробелы методом `trim()`.
5. Наконец, мы выводим полученный текст в консоль.

### Учтите:
- Если `<br>` находится в элементе, где есть другие теги после него, возможно, нужно будет использовать цикл для обхода узлов или применять другие методы для более сложных структур HTML.
- Если ваша структура отличается, пожалуйста, предоставьте больше информации о ней, чтобы предложить более подходящее решение.
Похожие вопросы