Colocar <span> en puntero

[legomolina]

Buenas, me ha surgido la duda de como colocar un span justo antes de un substring conociendo la posicion de inicio del substr. Esto lo quiero hacer para que cambie el color de una palabra.

Código Javascript:

var linea = "Snippet .2 Know if a service is running";
var palabra = "Snippet";
 
if(linea.indexOf(palabra) >= 0)
    var posicion = linea.indexOf(palabra);
 
//Aquí es donde no se como seguir. Tengo la posicion de incicio de la palabra en el string y puedo crear un substr de la palabra pero no se como colocarle un span SOLO a esa palabra :/
 
var palabra_linea = linea.substr(posicion, palabra.length);
 

Eso es todo, gracias de antemano :D

[PHPeros]

Ni te hace falta saber su posición si usas replace:

Código Javascript:

var linea = "Snippet .2 Know if a service is running";
var palabra = "Snippet";
 
console.log(linea.replace(palabra, "<span>$&</span>"));
 

PD: Nótese que con $& se accede al texto que coincide con el patrón.