Как обернуть центральные слова из html тегов в span?

Question

[xaruki]

На динамическом сайте выводятся заголовки h5 c классом heading.

<h5 class="heading">Противоположная точка зрения подразумевает, что многие известные</h5>
<h5 class="heading">Как принято считать, элементы политического процесса объявлены нарушающими</h5>

Нужно пройтись по всем этим заголовкам и 3-4 центральных слова обернуть в тег span.

Comments

[Kostya10295]

Извлечь текст из данных тегов, превратить текст в массив, вставить в нужные позиции span, обьединить массив в строку, при помощи innerHTML вставить строку обратно

[xaruki]

У меня получилось сделать только "Извлечь текст из данных тегов, превратить текст в массив", но спасибо.
Отметил решение ответ ниже.

Answer 1

[0xD34F]

document.querySelectorAll('.heading').forEach(n => {
  const words = n.innerText.split(' ');
  const center = words.length / 2 | 0;

  words.splice(center + 2, 0, '</span>');
  words.splice(center - 1, 0, '<span>');

  n.innerHTML = words.join(' ');
});

Comments

[xaruki]

Вы гений!