Как заменить на странице определенные слова?

Question

[Михаил Р.]

Приветствую!

Допустим, что на странице имеются несколько различных абзацев с текстом. Сред всех абзацев, имеют абзацы с классом test, в данных абзацах нужно заменить все слова Aenean на Aenean1.

Для теста создал эти абзацы, выбрал их методом document.getElementsByClassName('test'), далее получил коллекцию элементов, пробовал перебирать циклом и в теле цикла заменять нужные слова через replace, но пока кроме ошибок ничего не получил...

Заранее огромное спасибо!

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
<p class="test">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
<p class="test">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
<p class="test">Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
<p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
<p class="test">Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
<p class="test">Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.</p>
<p class="test">Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>

Answer 1

[0xD34F]

пока кроме ошибок ничего не получил

А чо за ошибки-то? - лучше бы их показали, вместо того, чтобы забивать свой вопрос таким никчёмным мусором, как "приветствую" и "заранее спасибо".

document.querySelectorAll('.test').forEach(n => {
  n.textContent = n.textContent.replace(/\bAenean\b/g, 'Aenean1');
});

// или

for (const n of document.getElementsByClassName('test')) {
  n.innerText = n.innerText.replace(/\bAenean\b/g, '$&1');
}

Comments

[Павел Корнилов]

[...document.querySelectorAll('p.test')].forEach(n => {
  n.textContent = n.textContent.replace(/\bAenean\b/g, 'Aenean1')
})

Ошибкой могло быть то, что не во всех броузеров у коллекции есть метод forEach.

[Михаил Р.]

А чо за ошибки-то?

Не правильно видимо подставлял методы replace.

Лучше использовать querySelectorAll, чем getElementsByClassName ?

[0xD34F]

Mike Ro, что хотите, то и используйте.