2017-09-05 5 views
0

so alle Tutorials auf Wörter für Google Chrome ersetzt gibt mir so etwas wie dieses -Ändern der Farbe eines einzelnen Wortes?

var replacedText = text.replace(/(hello)/gi, "goodbye"); 

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

} 

So verstehe ich, dass die Daten, die ich erhalten ein Satz ist, und ich kann speziell Wörter ersetzen und den Satz aktualisieren. Was ich erreichen möchte ist, singuläre Wörter zu einer anderen Farbe zu machen. Im Moment wird der gesamte Satz in Rot geändert.

Weiß jemand, wie man das macht?

+0

Sie sollten sich [ask] und [MCVE] ansehen und weitere Details zu Ihrer Frage hinzufügen, damit andere die Datei replizieren oder zumindest verstehen können das Problem, in das Sie geraten. – pvg

+0

Related/duplicate: [Ändern Sie übereinstimmende Wörter im Text einer Webseite zu Schaltflächen] (https://stackoverflow.com/q/40572679), [Ersetzen Sie den Text durch einen Link mit der Chrome-Erweiterung] (https://stackoverflow.com/q/ 40276158), [Markieren Sie ein Wort auf der Seite mit .replace()] (https://stackoverflow.com/q/40710728) – Makyen

Antwort

0

der Text gefärbt werden muss in einer Spanne gewickelt werden:

this is a test 

und Sie müssen die folgenden hinzuzufügen:

this is a <span style="color:red">test</span> 

Innerhalb Ihres bedingten Sie Folgendes tun können:

text.replace(/(\YOUR_WORD)\s/g, "<span style="color:red">$1</span> ") 
Verwandte Themen