Formatieren Sie ein Wort (machen Sie es rot) mit einer Chrome-Erweiterung

Question

Nicht ein dupe ... Nicht erwähnte Arbeit .. Versuchen, ein Wort mit einer Google-Erweiterung zu markieren. Dies wird als Inhaltsskript ausgeführt, aber es scheint keine funktionierende Lösung zu sein ... Was habe ich verpasst?

var elements = document.getElementsByTagName('*'); 

for (var i = 0; i < elements.length; i++) { 
    var element = elements[i]; 

    for (var j = 0; j < element.childNodes.length; j++) { 
     var node = element.childNodes[j]; 

     if (node.nodeType === 3) { 
      var text = node.nodeValue; 
      var replacedText = text.replace("Target Text", "<font color='red'>Target Text</font>"); 

      if (replacedText !== text) { 
       element.replaceChild(document.createTextNode(replacedText), node); 
      } 
     } 
    } 
} 

Answer 1

In dieser Zeile für die untergeordneten Knoten eines Knotens Sie fragen:

var node = element.childNodes[j]; 

Dies wird eine Reihe von Knoten immer wieder zurückkehren, auch wenn es nur ein Knoten ist. So wird dieser Zustand nie wahr sein:

if (node.nodeType === 3) 

Sie sind eigentlich alle nodes bekommen, und Sie werden über diejenigen Schleife haben auch.