Ersetzen Sie Wörter im Textkörper

Gibt es eine Möglichkeit, den normalen Text in einem Tabellenelement zu ersetzen, das im HTML-Text platziert ist?

Wie "Hallo" durch "Hallo" ersetzen?

Bitte verwenden Sie nur JavaScript ohne jQuery .

Um eine Zeichenfolge in Ihrem HTML durch eine andere zu ersetzen , verwenden Sie die Methode replace in innerHTML :

document.body.innerHTML = document.body.innerHTML.replace('hello', 'hi');

Beachten Sie, dass dies die erste Instanz des hellogesamten Körpers ersetzt, einschließlich aller Instanzen in Ihrem HTML-Code (z. B. Klassennamen usw.). Verwenden Sie diese Option daher mit Vorsicht. Versuchen Sie für bessere Ergebnisse, den Umfang Ihrer Ersetzung einzuschränken, indem Sie Ihren Code mithilfe von auswählen document.getElementById oder ähnlich.

Verwenden Sie einen einfachen regulären Ausdruck mit dem gLobal-Flag, um alle Instanzen der Zielzeichenfolge zu ersetzen :

document.body.innerHTML = document.body.innerHTML.replace(/hello/g, 'hi');

Die folgende Funktion funktioniert perfekt für mich:

// Note this *is* JQuery, see below for JS solution instead
function replaceText(selector, text, newText, flags) {
  var matcher = new RegExp(text, flags);
  $(selector).each(function () {
    var $this = $(this);
    if (!$this.children().length)
       $this.text($this.text().replace(matcher, newText));
  });
}

Hier ist ein Anwendungsbeispiel:

function replaceAllText() {
  replaceText('*', 'hello', 'hi', 'g');
}

$(document).ready(replaceAllText);
$('html').ajaxStop(replaceAllText);

Sie können auch einen direkten Ersatz verwenden, wie folgt:

document.body.innerHTML = document.body.innerHTML.replace('hello', 'hi');

Aber seien Sie vorsichtig damit, da dies auch die Tags, CSS und Skripte beeinflussen kann.

BEARBEITEN: Verwenden Sie für eine reine JavaScript-Lösung stattdessen diese Methode:

function replaceText(selector, text, newText, flags) {
  var matcher = new RegExp(text, flags);
  var elems = document.querySelectorAll(selector), i;

  for (i = 0; i < elems.length; i++)
    if (!elems[i].childNodes.length)
      elems[i].innerHTML = elems[i].innerHTML.replace(matcher, newText);
}

Am Ende hatte ich diese Funktion, um Text (ohne Nebenwirkungen) sicher zu ersetzen:

function replaceInText(element, pattern, replacement) {
    for (let node of element.childNodes) {
        switch (node.nodeType) {
            case Node.ELEMENT_NODE:
                replaceInText(node, pattern, replacement);
                break;
            case Node.TEXT_NODE:
                node.textContent = node.textContent.replace(pattern, replacement);
                break;
            case Node.DOCUMENT_NODE:
                replaceInText(node, pattern, replacement);
        }
    }
}

Es ist für Fälle, in denen die 16kB findAndReplaceDOMTextetwas zu schwer sind.

Ich hatte das gleiche Problem. Ich habe meine eigene Funktion mit replace auf innerHTML geschrieben, aber es würde Ankerverbindungen und dergleichen vermasseln.

Damit es richtig funktioniert, habe ich eine Bibliothek verwendet , um dies zu erledigen.

Die Bibliothek hat eine tolle API. Nachdem ich das Skript eingefügt hatte, nannte ich es so:

findAndReplaceDOMText(document.body, {
  find: 'texttofind',
  replace: 'texttoreplace'
  }
);

Verwenden Sie die Standardfunktion zum Ersetzen von Javascript-Zeichenfolgen

var curInnerHTML = document.body.innerHTML;
curInnerHTML = curInnerHTML.replace("hello", "hi");
document.body.innerHTML = curInnerHTML;

Ich habe versucht, eine wirklich große Zeichenfolge zu ersetzen, und aus irgendeinem Grund haben reguläre Ausdrücke einige Fehler / Ausnahmen ausgelöst.

Also habe ich diese Alternative zu regulären Ausdrücken gefunden, die auch ziemlich schnell läuft. Zumindest war es schnell genug für mich:

var search = "search string";
var replacement = "replacement string";

document.body.innerHTML = document.body.innerHTML.split(search).join(replacement)

src: Wie ersetze ich alle Vorkommen einer Zeichenfolge in JavaScript?

Versuchen Sie, die oben vorgeschlagene Lösung auf ein ziemlich großes Dokument anzuwenden, indem Sie ziemlich kurze Zeichenfolgen ersetzen, die möglicherweise in innerHTML oder sogar innerText vorhanden sind, und Ihr HTML-Design wird bestenfalls beschädigt

Daher nehme ich zunächst nur Textknotenelemente über HTML-DOM-Knoten auf

function textNodesUnder(node){
  var all = [];
  for (node=node.firstChild;node;node=node.nextSibling){
    if (node.nodeType==3) all.push(node);
    else all = all.concat(textNodesUnder(node));
  }
  return all;
}

textNodes=textNodesUnder(document.body)
for (i in textNodes) { textNodes[i].nodeValue = textNodes[i].nodeValue.replace(/hello/g, 'hi');    

`und folglich habe ich den Ersatz auf alle im Zyklus angewendet

Wollte der Antwort von funky-future ein Beispiel hinzufügen , da ich immer wieder diesen Fehler bekam:

Uncaught TypeError: element.childNodes is not iterable

Verwendung wie folgt:

replaceInText(document.body,"search term","replacement");

Bei jQuery-Selektoren hat es bei mir nicht funktioniert.

Ich bin neu in Javascriptund habe gerade angefangen, diese Fähigkeiten zu lernen. Bitte überprüfen Sie, ob die folgende Methode nützlich ist, um den Text zu ersetzen.

<script>

    var txt=document.getElementById("demo").innerHTML;
    var pos = txt.replace(/Hello/g, "hi")
    document.getElementById("demo").innerHTML = pos;

</script>

Manchmal document.body.innerHTMLbricht das Ändern einige JS-Skripte auf der Seite. Hier ist eine Version, die nur den Inhalt von textElementen ändert :

function replace(element, from, to) {
    if (element.childNodes.length) {
        element.childNodes.forEach(child => replace(child, from, to));
    } else {
        const cont = element.textContent;
        if (cont) element.textContent = cont.replace(from, to);
    }
};

replace(document.body, new RegExp("hello", "g"), "hi");