Markieren innerhalb von input mit ??span??

[Besser keine Haare am Kopf als die Laus im Hirn ;P]

Hallo an alle!
Ich würde gerne in meiner Funktion den Ausgabewert markieren...
Dafür habe ich eben eine Ausgabefunktion erstellt(unten angegeben). Nun sollte jedoch
der Ausgabewert folgendermaßen markiert werden:

mit
.replace(new RegExp('(' + Wortteil + ')', 'gi'), '<span  style="color: #80FF00;">$1</span>')
sollte nur der Ausgabewert markiert werden
zB.:
Eingabe "a"
Ausgabe "Anton" mit markierten "A"

um den gewünscht Erfolg zu erlangen hatte ich versucht auf verschiedene Arten die Funktion mit dem .relace() zu erweitern...

siehe hier:
var myArray = (string.match(Ganzes_Wort)).replace(new RegExp('(' + Wortteil + ')', 'gi'), '<span  style="color: #80FF00;">$1</span>');

diese "Variante"(und auch alle anderen die ich versucht habe...) ist jedoch erfolglos...
Vielen dank für eure Hilfe mal wieder im Voraus...;)

Lg Besser keine Haare am Kopf als die Laus im Hirn ;P
und Danke!

Hier ist der Code

<meta charset="utf-8">

<input id="Eingabe_HTML" onKeyUp="Suchfunktion(this.value)"/>
<br>
<p id="Ausgabe1_HTML" ></p>

<script type="text/javascript">

function Suchfunktion () {
var Wortteil = document.getElementById('Eingabe_HTML').value;
var Ganzes_Wort = new RegExp("[^();,]*?" + Wortteil + "[^();,]*", "gi");
var string = ("(Anton), (Aal)");
var myArray = (string.match(Ganzes_Wort));
document.getElementById('Ausgabe1_HTML').innerHTML = myArray[0];

return false;
}
</script>