Удалить содержимое тега p

Question

Есть ли способ удалить определенное содержимое из тега p с помощью JavaScript?

Если бы у меня было 5 p тегов со строками First note вплоть до Fifth note, я бынравится проходить через querySelectorAll, а затем использовать функциональность remove для удаления строки note из тегов p.

Это то, насколько мне удалось, но мне не хватает функциональности, чтобыукажите строку в теге p для удаления:

const pTag = document.querySelectorAll('p')
pTag.forEach(function (p) {
    p.remove()
})

Answer 1

Вы не можете использовать метод remove(), чтобы удалить только часть строки.Вместо этого вы можете использовать метод replace():

const pTag = document.querySelectorAll('p');
pTag.forEach(function(p) {
  p.innerHTML = p.innerHTML.replace('note', '');
});

<p>This is the first note</p>
<p>This is the second note</p>
<p>This is the third note</p>
<p>This is the fourth note</p>
<p>This is the fifth note</p>