Добавить класс при условии?

Question

[Za Za]

<div class='red'>
 <p class='blue'>Text</p>
 текст который генерируется
</div>

Как добавить класс тексту который генерируется после p'blue', в примере выше?

Comments

[Сергей Соколов]

обернуть его в элемент с классом.
Как добавляется текст?

Answer 1

[Сергей Соколов]

У текста же и так класс родительского дива class="red"

document.querySelectorAll('div.red').forEach((el) => {
  el.childNodes.forEach((node) => {
    if (node.nodeType === Node.TEXT_NODE) {
      const wrap = document.createElement('span');
      wrap.classList.add('violet');
      el.replaceChild(wrap, node);
      wrap.appendChild(node);
    }
  })
})

Comments

[Za Za]

нужно сделать трансформацию css не трогая .red

[Za Za]

document.querySelectorAll('.red').forEach((el) => {
  let html = el.innerHTML;
  html = html.replace(/(текст который генерируется)/, (full, a1) => {
    return `<span class="txt-transform">${a1}</span>`
  });
  el.innerHTML = html;
})

проблема в том что текст постоянно разный и язык у текста тоже зависит от локации

[Сергей Соколов]

Михаил Лебедев, может, обратиться к дочерним узлам? Если узел – типа TEXT, то обернуть