Ersetzten eines Textes in HTML mit JS?

Ich stehe vor folgendem Problem:
Ich möchte das meine JS Datei erkennt, wenn in einem <p></p> String ein bestimmtes Wort enthält und dieses dann ersetzt!
(im Beispiel nehme ich mal GuteFrage)

Beispiel:

<p> … GuteFrage ist … </p>
⇨ wird zu:
<p> Dieser Text wurde gelöscht! </p>

Finde im Internet nur replace, soweit war ich dann auch schon, danke dafür Internet :(

Answer 1

[TechPech1984]

https://jsfiddle.net/vtyfq0du/1/

<p> … GuteFrage ist … </p>
⇨ wird zu:
<p> Dieser Text wurde gelöscht! </p>

-

var list = document.getElementsByTagName("p");
for (let i = 0; i < list.length; i++) {
 if ((list[i].innerHTML).search(/GuteFrage/) > 0) {
    list[i].innerHTML = "red";
 }
}

-

output
red

⇨ wird zu:

Dieser Text wurde gelöscht!

Answer 2

[regex9]

Hole dir erst das Element, welches den Text enthält. Danach kannst du mit includes suchen.

const paragraph = document.querySelector("...");

if (paragraph.textContent.includes("search word...")) {
  // paragraph contains text ...
}

Texte ersetzen kannst du mit replace, wie du bereits selbst herausgefunden hast.